関数のパラメータとしてIDを渡す

Question

<div class="row"> 
    <div class="text" id="radioButtonWrapper" style="display:inline-block;">Gender</div> 
    <div class="data"> 
    <div id="genderSection" style="display:inline-block;"> 
     <radiobutton [(model)]="gender" name="gender" value="Female" (modelChange)="reciveRadioButtonVal($event, IdasParameter)" required>Female</radiobutton> 
     <radiobutton [(model)]="gender" name="gender" value="Male" (modelChange)="reciveRadioButtonVal($event, IdasParameter)" required>Male</radiobutton> 
    </div> 
    </div> 
</div> 

いくつかのIDを機能させることが可能です。この例では、関数内でpass id = "radioButtonWrapper"を使用します。reciveRadioButtonVal($event, IdasParameter) IdasParameter => "radioButtonWrapper" これを文字列として使用して渡したくないのですが、reciveRadioButtonVal($event,radioButtonWrapper)？

Answer 1

..あなたは、あなたがそのすべてのプロパティへのアクセス権を持っている要素を持っていたら、代わりのidの参照を作成します。だからこそ、あなたは、単に `＃radioButtonWrapper`属性を使用して参照を追加し、それを渡すことはできません​​と（ない文字列として。変数として）関数にradioButtonWrapperを渡す

<div class="row"> 
    <div class="text" #radioButtonWrapper style="display:inline-block;">Gender</div> 
    <div class="data"> 
    <div id="genderSection" style="display:inline-block;"> 
     <radiobutton [(model)]="gender" name="gender" value="Female" (modelChange)="reciveRadioButtonVal($event, radioButtonWrapper)" required>Female</radiobutton> 
     <radiobutton [(model)]="gender" name="gender" value="Male" (modelChange)="reciveRadioButtonVal($event, radioButtonWrapper)" required>Male</radiobutton> 
    </div> 
    </div> 
</div> 

Answer 2

あなたはこのようにそれを取得する必要がありますあなたの関数内のように、それは角要素として、あなたの関数に渡されます、あなたのラジオボタンを

<div class="row"> 
    <div class="text" id="radioButtonWrapper" #radioButtonWrapper style="display:inline-block;">Gender</div> 
    <div class="data"> 
    <div id="genderSection" style="display:inline-block;"> 
     <radiobutton [(model)]="gender" name="gender" value="Female" (modelChange)="reciveRadioButtonVal($event,radioButtonWrapper)" required>Female</radiobutton> 
     <radiobutton [(model)]="gender" name="gender" value="Male" (modelChange)="reciveRadioButtonVal($event,radioButtonWrapper)" required>Male</radiobutton> 
    </div> 
    </div> 
</div> 

のプロパティを設定し、角度の要素セレクタでそれを渡すことができます。..

reciveRadioButtonVal(event, radiobutton){ 
    console.log(radiobutton.nativeElement);// this is the radio button 
    console.log(radiobutton.nativeElement.id);// this is the id 
}