Angular 2.0从左到右模块和阴影DOM

除非您设置,否则Angular2中没有阴影DOM ViewEncapsulation.Native 你那样做了吗?Angular2中的样式应该没有问题。您可以使用 >>> 或 /deep/ 跨越组件边界。

>>> 和 /深/ 也可以使用,但这需要更多的代码来演示您的情况。

3种可能的方式:

A、 最佳解决方案

:host-context([dir="rtl"]) myComponent{
// custom style if I am in right to left
}

:dir pseudo-class

C、 以编程方式显式地将类放入组件(错误)

import {ElementRef, AfterContentInit} from '@angular/core';

@Component({
...
})
export class MyComponent implements AfterContentInit {
  @HostBinding('attr.dir')
  public dir:string;

  constructor(private element:ElementRef) {

  }

  public ngAfterContentInit():void {
    this.dir = getComputedStyle(this.element.nativeElement).direction;
  }
}