我怎样才能将for循环的每个对象绑定到相应的dom元素？

Question

我想有类似的东西：

var page = parseInt($('#dropdown-pages').val())+1;
alert(page);

Answer 1

我现在用：

<select [(ngModel)]="selectedItem">
  <option [ngValue]="item" *ngFor="let item of items">{{item}}</option>
</select>

您可以使用：

<select [(ngModel)]="selectedItem" (ngModelChange)="onItemSelected(selectedItem)">
  <option [ngValue]="item" *ngFor="let item of items">{{item}}</option>
</select>

检测更改。

[ngValue]允许绑定复杂对象，请参阅here。

Answer 2

我认为你应该将item或i绑定到[value]。 #也是prohibited。并且您[(ngModel)]上缺少<select>。

查看角度文档中的表单，尤其是：Add Powers with *ngFor。

Answer 3

我会使用这样的东西：

<select [(ngModel)]="currValue" >
    <option *ngFor="let item of items" [value]="item.value"> {{ item.name }} </option>
</select>

项目是一个对象数组（值，名称）。