ID als Parameter der Funktion übergeben

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> 

Es ist möglich, eine ID zu übergeben. In diesem Beispiel möchte ich id = "radioButtonWrapper" in der Funktion reciveRadioButtonVal($event, IdasParameter) übergeben, wo IdasParameter => "radioButtonWrapper" Ich möchte nicht verwenden und übergibt dies als eine Zeichenfolge reciveRadioButtonVal($event,radioButtonWrapper)?

Answer 1

eine Referenz erstellen statt id. Das ist #radioButtonWrapper und übergeben radioButtonWrapper an die Funktion (nicht als String zurück. Als Variable)

<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

Sie es mit Winkel des Elementselektoreinrichtung passieren können, eine Eigenschaft, auf dem Radio-Button

<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> 

Es als Winkelelement an Ihre Funktion übergeben wird Einstellung so in Ihrer Funktion können Sie es wie folgt erhalten sollten ..

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

Sobald Sie das Element, das Sie Zugriff auf alle seine Eigenschaften haben ..