带有bootstrap.js的angular.dart组件因阴影dom而失败

时间:2014-01-10 14:05:53

标签: dart angular-dart

我正在使用 Angular.dart 作为应用程序框架,并尝试使用Twitters Bootstrap 组件和CSS进行样式设置。我确实遇到了一个问题,因为 Bootstrap 似乎没有处理 ShadowDOM ,而 Angular.dart 使用 ShadowDOM < / strong>适用于组件

这实际上意味着我无法使用Bootstrap.js构建Angular组件。使用仅需要CSS的Bootstrap组件与applyAuthorStyles: true注释中的NgComponent一起正常工作。

有没有办法使用bootstrap js组件构建angular.dart组件?

/了Cenk

1 个答案:

答案 0 :(得分:5)

使用applyAuthorStyles: true可以解决几个问题,但是跨越shadowDOM边界的选择器不起作用。你必须改变Bootstrap的CSS。

不推荐使用applyAuthorStyles或已将其删除

此处Feature Request: Add templates for NgDirectives or a NgComponent non-shadow dom option也是关于此主题的讨论。 它提到了ng-pseudo指令,应该有助于解决这个问题。

AFAIK ShadowDOM也将被移植到AngularJS,也许这会产生一些盟友并最终成为一种改进。

Polymer(JS和Dart)也存在同样的问题。