Geek Answers Handbook

Angular.dart components with bootstrap.js do not work due to shadow house

I play with Angular.dart as an application framework and try to use Twitters Bootstrap and CSS components for styling. I ran into the problem almost immediately, since Bootstrap does not handle ShadowDOM , and Angular.dart uses ShadowDOM for Components .

This will mean that I cannot build Angular components with Bootstrap.js . Using Bootstrap components that require only CSS works fine with annotation applyAuthorStyles: truein NgComponent.

Is it also possible to build angular.dart components using bootstrap js components?

/ Jenk

+4
source share
1 answer

Some things can be fixed with applyAuthorStyles: true, but selectors that cross the shadowDOM border do not work. You will need to modify Bootstrap css.

applyAuthorStyles is outdated or already deleted

Here's a feature request: add templates for NgDirectives or the NgComponent non-shadow dom option , this issue is also discussed. It mentions a directive ng-pseudothat should help solve this problem.

AFAIK ShadowDOM is ported to AngularJS, and maybe this creates some ally and, ultimately, improvement.

The polymer (JS and Dart) has the same problem.

+5
source

More articles:


All Articles