Question

有谁知道如何用dart聚合物创建自定义模态和非模态对话框？

Answer 1

使用此酒吧套餐：http://pub.dartlang.org/packages/bootjack

您可以在聚合物模板中使用Bootstrap模态组件。

然而，自举CSS选择器不能在自定义元素中使用元素开箱即可（无论设置applyAuthorStyles的值是什么），所以我只是将模态元素放在条件模板中，如下所示： / p>

<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最近将他的widgets.dart移植到Polymer（Bootstrap小部件的Dart端口）。我刚才尝试过它们，当时它们是web_ui元素，我发现它们非常好。

似乎聚合物版本尚未发布到pub.dartlang.org

使用git依赖项可以使用其Github存储库中的最新版本：

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

Modal.html

如何在Dart Polymer中创建模态和非模态对话框

2 个答案: