如何将（onchange）事件中的键和值从cshtml页面（视图）传递到angular2中的组件（.ts）？

Question

<select class="form-control" required [(ngModel)]="model.accountId" ngControl="account" #account="ngForm" (change)="onAccountChange($event,model)">
   <option value="" disabled="disabled" selected="selected">Account</option>
   <option *ngFor="#acc of accounts"  [value]="acc.id">{{acc.name}}</option>
</select>

如何在（onchange） - onAccountChange事件中传递键和值？

Answer 1

试试这个 -

<select class="form-control" required 
    [(ngModel)]="model.accountId" ngControl="account" 
    #account="ngForm" 
    (change)="onAccountChange($event,model, account.value)">
  <option value="" disabled="disabled" selected="selected">Account</option>
  <option *ngFor="#acc of accounts"  [value]="acc.id">{{acc.name}}</option>
</select>

accounts = [{id:1, 'name':"Pardeep"},{id:1, 'name':"jain"}]
onAccountChange(event, modal, id){
    for(let i=0; i<this.accounts.length ; i++){
      if(id == this.accounts[i].id)
        console.log(this.accounts[i].name);
    }
  }

我无法找到确切的解决方案，但您可以使用此方法通过在对象上使用for循环来找出选项（select）中的名称i.r键。就像在给定的例子中一样。