带有 Setupstrap.js 的 angular.dart 组件由于阴影 DOM 而失败



我正在使用Angular.dart作为应用程序框架,并尝试Twitter的Bootstrap组件和CSS进行样式设计。我几乎立即遇到了一个问题,因为Bootstrap似乎不处理ShadowDOM,而Angular.dart使用ShadowDOM for Components

这基本上意味着我无法使用 Bootstrap.js 构建 Angular 组件。使用只需要 CSS 的 Bootstrap 组件可以很好地处理NgComponent注释中的applyAuthorStyles: true

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

/岑

可以使用

applyAuthorStyles: true修复一些问题,但是跨越shadowDOM边界的选择器不起作用。你必须改变Bootstrap的css。

applyAuthorStyles 已弃用或已删除

此处功能请求:为 NgDirectives 或 NgComponent 非影子 dom 选项添加模板也是关于此主题的讨论。它提到了一个ng-pseudo指令,应该有助于解决这个问题。

AFAIK ShadowDOM也将移植到AngularJS,也许这会创造一些盟友,并最终进行改进。

聚合物(JS和Dart)也有同样的问题。

最新更新