当前位置 : 主页 > 网页制作 > Bootstarp >

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

来源:互联网 收集:自由互联 发布时间:2021-06-12
我正在使用Angular.dart作为应用程序框架,并尝试使用Twitters Bootstrap组件和CSS进行样式设置.我几乎立即遇到了一个问题,因为Bootstrap似乎没有处理ShadowDOM,而Angular.dart使用ShadowDOM进行组件. 这
我正在使用Angular.dart作为应用程序框架,并尝试使用Twitters Bootstrap组件和CSS进行样式设置.我几乎立即遇到了一个问题,因为Bootstrap似乎没有处理ShadowDOM,而Angular.dart使用ShadowDOM进行组件.

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

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

/的Cenk

使用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)也有同样的问题.

网友评论