angular - ng zorro select がオプションをロードしない

Question

Angular 7 を使用して Web サイトを作成しています。アプリケーションのあらゆる場所で ng zorro ライブラリを使用しました。私は のnz-select中に を持っていFormます。はnz-selectモデルによって動的にロードされます。問題は、モデル オブジェクトに 2 つの言語があることです。ただし、 で指定されているデフォルトの言語は、内ngModel [(ngModel)]="selectedLanguage"の唯一の言語です。に 2 つのスタティックを追加しました。しかし、デフォルトのものだけが表示されています。そのため、現在のものの下に2つの static を追加しました。私はそれにデフォルトを与えませんでした。そのため、 には何も取り込まれ、リストされません。このようにアプリケーションのいくつかの場所で使用されます。しかし、これは機能していない唯一のものです。nz-optionnz-selectnz-optionnz-selectnz-selectnz-optionnz-selectnz-select

注: コードを変更すると、自動リロードが発生します。自動リロード後、すべてnz-optionがそこにあります。ただし、手動でリロードすると、デフォルトのみnz-optionが表示されます。

以下の私のコードスニペット。

       <nz-form-control>
            <nz-select
                id="preferredLanguage"
                [(ngModel)]="selectedLanguage"
                name="preferredLanguage"
                (ngModelChange)="onValueUpdate('preferredLanguage', $event)"
                required>
                <nz-option
                    *ngFor="let languageType of languages"
                    nzValue="{{languageType.value}}"
                    nzLabel="{{languageType.label | translate}}">
                </nz-option>
            </nz-select>
        </nz-form-control>

.

export enum PreferredLanguage {
  GERMAN = 'GERMAN',
  ENGLISH = 'ENGLISH'
}

.

 selectedLanguage = Object.keys(PreferredLanguage)[0];
 languages = new Array<{ value: string; label: string }>();

ngOnInit(): void {
    Object.keys(PreferredLanguage).forEach(element => {
      this.languages.push({
        value: element,
        label: element
      });
    });
}