与ngFor Angular2输入

Question

大家好我想发送数据选择选项

Html

<select [(ngModel)]="event" 
  class="selectpicker show-menu-arrow form-control show-tick" 
  data-style="btn-primary" (change)="doSomething(event)">

  <option *ngFor="let event of events|filter:search" 
    EventInput="{{event}}" 
    [attr.value]="event2">
    {{event.eventName}}
  </option>

</select>

TS

@Input('EventInput') EventInput: any;

doSomething(event) {
    console.log("optValue: ", event);
    //this.eventDetailsPageSend(event);
    console.log("input: ", this.EventInput);
}  

optValue是只有名字的事件但我需要t

谢谢你！

Answer 1

我不知道您在“我想将选择选项数据从ngFor发送到Ts文件”中遇到了什么。所以我假设你想要什么；]。如果要设置的值

<select (change)="changed()" [(ngModel)]="selected">
   <option value=""></option>
   <option *ngFor="let event of events" [ngValue]="event">
     {{event.name}}
   </option>
</select>

在组件添加

public selected = {};
public changed() {
  console.log(this.selected);
}

别忘了在AppModule@NgModule中导入表单模块

也我不知道在哪里设置<代码> @Inpu

编辑