다트 폴리머에 모달 및 넌 모달 대화 상자를 만드는 방법

Question

다트 폴리머를 사용하여 사용자 모달 및 비 모드 다이얼로그를 만드는 방법을 아는 사람이 있습니까?

Answer 1

이 술집 패키지를 사용 : http://pub.dartlang.org/packages/bootjack

당신은 당신의 폴리머 템플릿 부트 스트랩 모달 구성 요소를 사용할 수 있습니다.

그러나 부트 스트랩 CSS 선택기는 customAttributeSetItem에 대한 값이 무엇이든 관계없이 사용자 정의 요소 내부의 요소로 작동하지 않으므로 다음과 같은 조건부 템플릿에 모달 요소를 넣었습니다. 그것을 제어 할 수

<template if="{{ visible }}"> 

는 예를 들어

<template if="{{ visible }}"> 
     <div class="modal"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
      <div class="modal-header"> 

등, 가시성입니다. "사용자 정의 모달"구성 요소 만 만들고 싶다면 부트 스트랩처럼 템플릿과 CSS를 사용하는 것입니다.

Answer 2

케빈 무어 (Kevin Moore)는 최근 그의 위젯 .dart를 Polymer (Bootstrap 위젯의 다트 포트)로 포팅했습니다. web_ui 요소 일 때 나는 그들을 얼마 전에 사용해 봤는데 꽤 좋았습니다.

이 폴리머 버전은 아직 사용할 수 있습니다 자신의 Github의 저장소에서 최신 버전의 종속 자식으로

을 pub.dartlang.org에 게시되지 않은 것 같습니다 :

dependencies: 
    widget: 
    git: git@github.com:dart-lang/widget.dart.git 

Modal.html