传递id作为函数的参数

<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的函数。在这个例子中，我想在函数reciveRadioButtonVal($event, IdasParameter) 中传递id =“radioButtonWrapper”，其中IdasParameter =>“radioButtonWrapper” 我不想使用并将其作为字符串传递reciveRadioButtonVal($event,radioButtonWrapper)？传递id作为函数的参数

来源

2017-10-10 Walter White

为什么你不能简单地使用'＃radioButtonWrapper'属性添加一个引用，并通过它？ –

不是型号，但ngModel – omeralper

创建一个参考，而不是身份证。也就是说并通过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>

来源

2017-10-10 12:52:21

你可以用角的元素选择通过它，你的单选按钮

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

一旦你有，你可以访问其所有属性的元素..

来源

2017-10-10 12:51:38

当我使用console.log（单选按钮）显示

gender

。如何获得id这个元素？ –

已更新显示ID的答案。 –

console.log（radiobutton.nativeElement）return undefined –

传递id作为函数的参数

回答

相关问题