2016-04-07 5 views
0
<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イベントでキーと値を渡す方法は?cshtmlのページ(view)からangular2のコンポーネント(.ts)への(onchange)イベントのキーと値を渡す方法は?

+0

著者の知識のために、いいタイトルを書くことは今後の質問に役立ちます。このメタスタック・エクスチェンジのポストを見ることができます:http://meta.stackexchange.com/questions/10647/how-do-i-write-a-good-titleとこのFAQポスト:http:// stackoverflow。 com/help/how-to-ask – Fizz

答えて

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); 
    } 
    } 

私は厳密解を見つけることができdid'tいますが、あなたの上にループのために使用することによって(選択)オプションで名前IRキーを見つけるために、このメソッドを使用することができますオブジェクト。与えられた例のように。

+0

鍵を渡すことは、価値ではなく私の大きな関心事ですか?私は$ event.target.valueから値を取得します –

+0

ちょうど私の午後のコードまたはplnkrキーのポストを投稿してください。 –

+0

ありがとうpradeepジャイン –

関連する問題