Как создавать модальные и немодальные диалоги в Dart Polymer

Используя этот пакет публикации: http://pub.dartlang.org/packages/bootjack

вы можете использовать модальные компоненты Bootstrap в ваших полимерных шаблонах.

Однако селекторы bootstrap CSS не работают из коробки с элементами внутри пользовательского элемента (независимо от того, какое значение для applyAuthorStyles установлено), поэтому я просто помещал модальный элемент в условный шаблон следующим образом:

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

чтобы контролировать его видимость, например

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

и так далее. Если вы просто хотите создать «настраиваемые модальные» компоненты, просто используйте шаблоны и CSS, как это делает загрузчик.

Кевин Мур недавно портировал свой widgets.dart на Polymer (порт Dart для виджетов Bootstrap). Я попробовал их некоторое время назад, когда они были элементами web_ui, и я нашел их довольно хорошими.

Похоже, полимерная версия еще не опубликована на pub.dartlang.org

С зависимостью от git можно использовать самую последнюю версию из его репозитория Github:

dependencies: 
  widget:
    git: [email protected]:dart-lang/widget.dart.git

Modal.html