0

我正在使用 Angular 7 创建一个网站。我在应用程序的任何地方都使用了 ng zorro 库。我有一个nz-select里面的Form。由nz-select模型动态加载。问题是我们在模型对象中有两种语言。但是里面给出的默认语言是里面ngModel [(ngModel)]="selectedLanguage"唯一的一种。我在. 但只有默认的显示。所以我只是在当前的下方添加了另一个带有两个 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
      });
    });
}
4

0 回答 0