dart - Rikulo Bootjack + PolymerDart

Question

我正在尝试将出色的Bootjack库与PolymerDart一起使用，尽管 CSS 主题正在工作，但 dart 代码并未在 Polymer 组件中执行。

我创建了一个简单的测试来显示问题。您会看到原始 html 版本运行良好，但影子 DOM 版本却不行。

这是要点。只需以 zip 格式下载，它就无法正常工作；）

任何帮助将不胜感激。

-- 更新 -- 在 TinyFox 建议直接连接控制器之后，它现在工作了一半。我已经通过更改更新了要点。

——谢恩

Answer 1

代码未执行，因为您包含 main.dart 文件的方式已过时。

利用

<script type="application/dart">export "main.dart";</script>

下拉菜单仍然不起作用可能是因为

..on('click.bs.dropdown.data-api', _toggleEvent, selector: _TOGGLE_SELECTOR)

在 packages/bootjack/src/dropdown.dart 中 _TOGGLE_SELECTOR 是（相同的文件）

static const String _TOGGLE_SELECTOR ='[data-toggle=dropdown]';

没有按预期工作。我猜即使您设置applyAuthorStyles为 true，选择器也不会在聚合物元素中找到元素。

Answer 2

zoechi 的回答和我的评论解释了问题的可能原因。

要解决这个问题，您可以尝试在 shadow DOM 中手动连接元素，它应该能够自行处理 click 事件。