Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度2。将变量的值从NGF读取到组件_Angular_Angular2 Template - Fatal编程技术网

Angular 角度2。将变量的值从NGF读取到组件

Angular 角度2。将变量的值从NGF读取到组件,angular,angular2-template,Angular,Angular2 Template,我有如下看法 <select class="form-control"> <option *ngFor="let program of formList.programs">{{program}}</option> </select> 您可以使用insideselect指定值 您的.html文件应该如下所示: <select class="form-control" [(ngModel)]="programvalue">

我有如下看法

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

您可以使用inside
select
指定值

您的.html文件应该如下所示:

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

为什么不在组件文件本身中分配,而不是从模板中分配?请告诉我如何分配。我希望将所选用户值设置为programvalue
 <select class="form-control" [(ngModel)]="programvalue">
   <option *ngFor="let program of formList.programs">{{ program }}</option>
 </select>
{{ programvalue }}
export class AppComponent {
 public programvalue: string;

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