Question

我的观点如下

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

我想将'program'变量值分配给我的组件中名为'programvalue'的另一个属性。我怎么能这样做？

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

Answer 1

您可以使用select内的ngModel分配值。

您的.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

Angular 2。从ngFor变量到组件读取值

1 个答案: