javascript - 如何在 Angular2 中将参数传递到楼上

Question

我必须将参数传递给函数。

<select class="chooseWatchlist" (change)="updateWatchlistTable(item.name)">
   <option *ngFor="let item of _items">{{ item.name }}</option>
</select>

这对我来说真的很重要，因为我必须将 item.name 参数传递给 http 请求。但不幸的是，angular 看不到那个变量，因为它有点在楼下......该函数必须在选择框中使用 item.name 实际选择的选项。该函数将在该框中的每个值更改时执行。

有解决办法吗？还是有其他方法可以解决？

最后是http请求:

private updateWatchlistTable(name) {
  this.http.get('http://localhost:8080/api/points/getValue/' + name)
   .subscribe(res => this._watchlistElements = res.json());
  console.log(name);
}

console.log(name) 返回未定义。

如您所见，我需要参数 item.name 才能使此 http 请求有效。任何帮助表示赞赏。 :)

Answer 1

使用ngValue你可以绑定(bind)一个值
使用 (ngModelChange)="$event.name" 您可以访问该名称。
使用 [(ngModel)]="selectedItem" 您可以获取和设置选择的项目。

<select class="chooseWatchlist" [(ngModel)]="selectedItem" (ngModelChange)="updateWatchlistTable($event.name)">
   <option *ngFor="let item of _items" [ngValue]="item">{{ item.name }}</option>
</select>