Angular 2.0从左到右模块和阴影DOM
我有一个网站，支持“从右到左”的语言，如阿拉伯语。 如果语言是阿拉伯语，我会在body标签上添加Angular 2.0从左到右模块和阴影DOM,angular,shadow-dom,Angular,Shadow Dom,我有一个网站，支持“从右到左”的语言，如阿拉伯语。 如果语言是阿拉伯语，我会在body标签上添加dir=“rtl”属性。通过这种方式，所有内联定位的子对象都从右侧对齐，即使它们位于自定义组件内 现在，我希望有一个自定义样式，以防这些组件之一继承从右向左的指令。实现这一目标的常见方法如下： body[dir="rtl"] myComponent { // custom style if I am in right to left } 问题是，使用阴影DOM时，选择器将无法获取父对象的属性，因此不
dir=“rtl”body[dir="rtl"] myComponent {
// custom style if I am in right to left
}
myComponent[dir="rtl"]{
// my stlyles
}
我完成了…Angular2中没有阴影DOM，除非您设置了
ViewEncapsulation.Native>>/deep/如果动态添加HTML（通过一些非角度的JS库），则也可以使用
>>/deep/ViewEncapsulation.Native>>/deep/>>/deep/:host-context([dir="rtl"]) myComponent{
// custom style if I am in right to left
}
:host-context([dir="rtl"]) myComponent{
// custom style if I am in right to left
}