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