在TimePicker组件中获取中文文本

Question

我已经为TimePicker编写了代码，但文本为中文。

<nz-form-item>
<nz-form-label nzFor="shiftTimings">Shift Timings</nz-form-label>
<nz-form-control>
  <nz-time-picker formControlName="shiftTimings"></nz-time-picker>
  <button *ngIf="multiShifts" nz-button nzType="default" nzShape="circle" [nzSize]="small"><i class="anticon anticon-plus"></i></button>
</nz-form-control>

有人可以帮忙吗？ Image with input box with Chinese writing saying "Select Time"

Answer 1

方法1：

文档中描述的标准方法。

在app.module中添加

import { NgZorroAntdModule, NZ_I18N, en_US } from 'ng-zorro-antd';
import { registerLocaleData } from '@angular/common';
import en from '@angular/common/locales/en';
registerLocaleData(en);

，然后在providers数组中添加：

  providers: [{ provide: NZ_I18N, useValue: en_US }],

PS：如果功能模块中已加载NgZorroAntdModule （最近在ngZorro 7.5.0上进行了验证），则此不起作用 。在这种情况下，请转到方法2。

方法2：

在component中，您正在使用日期选择器，请调用ngZorro的i18n服务并更改语言：

  import { en_US, NzI18nService } from 'ng-zorro-antd';
    ..
    constructor(private i18n: NzI18nService) {
    }
    ....
    ngOnInit() {
         this.i18n.setLocale(en_US);
    }

PS：您也可以从任何首先加载的组件进行设置。