javascript - 如何将数据从选定的选项发送到组件

Question

我有以下格式的 json。

当我选择一个选项时，我想将值(来自 json 的代码和描述值)传递给组件。

nameList= [
  {
    "code": "1",
    "description": "abc"
  },
  {
    "code": "123",
    "description": "def"
  },
  {
    "code": "100",
    "description": "ijk"
  }
]

HTML

<select [(ngModel)]="description" #category="ngModel" aria-required
 (change)="getNameList()"> //want to send data.code value to component
    <option style="display:none"></option>
    <option *ngFor="let data of nameList"> {{data.description}} 
    </option>
</select>

Demo

Answer 1

你应该使用 [ngValue]="data"

 <option *ngFor="let data of nameList" [ngValue]="data"> {{data.description}} 
 </option>

并在组件中访问，

  getNameList() {
     console.log(this.description);
  }

WORKING STACKBLITZ DEMO