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

发布时间：2020-12-17 21:28:24 所属栏目：安全来源：网络整理

导读：我正在使用Angular.dart作为应用程序框架,并尝试使用Twitters Bootstrap组件和CSS进行样式设置.我几乎立即遇到了一个问题,因为Bootstrap似乎没有处理ShadowDOM,而Angular.dart使用ShadowDOM进行组件. 这基本上意味着我无法使用Bootstrap.js构建Angular组件.

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!