Question

我正在使用Angular 7创建一个网站。我在应用程序中到处都使用了ng zorro库。我在nz-select中有一个Form。 nz-select由模型动态加载。问题是我们在模型对象中有两种语言。但是ngModel [(ngModel)]="selectedLanguage"中提供的默认语言是nz-option中唯一的一种nz-select。我在nz-option上添加了两个静态nz-select。但是只显示默认值。因此，我仅在当前目录下添加了另一个nz-select，其中有两个静态nz-option。我没有对此表示默认。因此，nz-select中没有填充和列出任何内容。 nz-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
      });
    });
}

ng zorro选择不加载选项

0 个答案: