文字方向

设置文字方向（LTR / RTL）。

设置默认方向#

在文档 body 或者 html 标签上设置 dir 属性。

<html dir="rtl"></html>

在模版中设置#

引入 Angular CDK bidi 模块

import { BidiModule } from '@angular/cdk/bidi';

在模版中为应用或其后代设置方向。

<div dir="rtl"></div>

在服务中设置#

例如对话框（Modal）服务。

class MyComponent {
  private modalService = inject(NzModalService);
  private nzConfigService = inject(NzConfigService);

  openModal(): void {
    this.modal.create({ nzDirection: 'rtl' });
  }

  setDirWithConfig(): void {
    this.nzConfigService.set('modal', { nzDirection: 'rtl' });
  }
}

参考#