Angular 2。閱讀從ngFor變量值組件

Question

我有一個觀點如下

<select class="form-control"> 
    <option *ngFor="let program of formList.programs">{{program}}</option> 
</select> 

我想在「程序」變量值分配到名爲「programvalue」在我的組件的其它屬性。我怎樣才能做到這一點 ？

export class AppComponent implements OnChanges { 
public programvalue:string; 
} 

Answer 1

你可以使用分配給內部ngModel的select值。

你的HTML文件應該是這樣的：

<select class="form-control" [(ngModel)]="programvalue"> 
    <option *ngFor="let program of formList.programs">{{ program }}</option> 
</select> 
{{ programvalue }} 

和你的.ts文件：

export class AppComponent { 
public programvalue: string; 

formList = { 
    programs: [ 
    "Program 1", 
    "Program 2", 
    "Program 3" 
    ] 
} 
} 

Plunker example