Получение китайского текста в компоненте TimePicker - PullRequest
Новая
       7

Получение китайского текста в компоненте TimePicker

0 голосов
/ 22 сентября 2018

Я написал код для 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>

Кто-нибудь может помочь? Изображение с полем ввода с китайской надписью «Выберите время»

1 Ответ

0 голосов
/ 07 июня 2019

Метод 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: [{ provide: NZ_I18N, useValue: en_US }],

PS: этот не работает , если NgZorroAntdModule загружен в функциональный модуль (последний проверен на ngZorro 7.5.0) В такихв случае, перейдите к способу 2.

метод 2:

В component, который вы используете для выбора даты, вызовите службу i18n ngZorro и измените язык:

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

PS: Вы также можете установить это для любого компонента, который загружается первым.

...