Javascript Angual2如何在上获取attr.data-item-code（单击）

试图从

*ngFor

选择选项中获取属性数据项代码，我希望在单击按钮时获取数据属性值

<div>
  <select>
 <option *ngFor="let x in players" [attr.data-item-code]="x.code">{{ x.name }}</option>
</select>
 <button (click)="preview()">Preview Player</button>
</div>

预览功能：--

当我单击

preview（）

时，是否有方法获取

x.code

？

您可以使用，以后您可以在

preview（）

函数中使用

selectedValue

<select [(ngModel)]="selectedValue">
   <option *ngFor="let x in players" [ngValue]="x.code">{{ x.name }}</option>
</select>

{{x.name}

---

注意：您可以使用

[ngValue]=“x”

，然后可以从object

selectedValue
x

，以获得整个对象。

preview(code){
 console.log(code) // returns null
}

<select [(ngModel)]="selectedValue">
   <option *ngFor="let x in players" [ngValue]="x.code">{{ x.name }}</option>
</select>