如何從angular2組件中的select中獲取值？

Question

我遇到了多個解決方案但從我的觀點來看沒有找到任何感興趣的內容。

我有一個組件：

<select [(ngModel)]="languages" [ngModelOptions]="{standalone: true}">
  <option *ngFor="let language of languages">{{language.languageName}}</option>
</select>

我有打字稿文件：

 getCountries(): void{
     this.country.find({}).subscribe((data)=>{
     this.countries = data;
     console.log(data);}, err =>{  console.log(err);});

在控制台中呈現以下json：

我不知道為什么我不能選擇任何值，因為我也測試了[value] 。

Answer 1

您需要設置name屬性並刪除[ngModelOptions]="{standalone: true}" 。

形式：

每個input元素都有一個name屬性，Angular Forms需要該屬性來向表單注冊控件。

您不能做的是將單個屬性綁定到多值類型變量。 如果要選擇多個值，則應使用

<select multiple name="selectedLanguages" [(ngModel)]="selectedLanguages">
    <option *ngFor="let language of languages" [value]="language.languageCode">  
        {{language.languageName}}
    </option>

</select>

Answer 2

將language綁定到ngValue ：

<select [(ngModel)]="languages" [ngModelOptions]="{standalone: true}">
  <option *ngFor="let language of languages" [ngValue]="language">{{language.languageName}}</option>
</select>