如何将对象中的预填充数据绑定到 Angular 5 中的单选按钮 [英] how to bind Pre-populated data from object to radio button in Angular 5
本文介绍了如何将对象中的预填充数据绑定到 Angular 5 中的单选按钮的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在开发 Angular 5 应用程序.我得到了性别单选按钮,它的值是基于它接收的值预先填充的单选选项,我需要知道如何在 html 模板中使用 ng-if 内联.GenderType:字符串,其中值 1 代表男性,值 2 代表女性.
我尝试过 *ngIf 但它不起作用
<span>性别</span><input type="radio" name="gender" id="female" class="k-radio" *ngIf:{{respondent.genderType='1'}} === checked="checked" disabled><label class="k-radio-label" for="female">Female</label><input type="radio" name="gender" id="male" class="k-radio" disabled><label class="k-radio-label" for="male">Male</label>
解决方案
对我有用的最终答案
<span>性别</span><input type="radio" name="gender" id="female" class="k-radio" [attr.checked] ="respondent.genderType=='2' ? 'checked' : null" disabled><label class="k-radio-label" for="female">Female</label><input type="radio" name="gender" id="male" class="k-radio" [attr.checked] ="respondent.genderType=='1' ? 'checked' : null" disabled><label class="k-radio-label" for="male">Male</label>
I am working on Angular 5 application. I got radio button for Gender which value is pre-populated radio selection based on value it receving and I need to know how to use ng-if inline in html template. GenderType: string where value 1 is for male and 2 for female.
I have tried *ngIf but its not working out
<div class="k-form-field">
<span>Gender</span>
<input type="radio" name="gender" id="female" class="k-radio" *ngIf:{{respondent.genderType='1'}} === checked="checked" disabled>
<label class="k-radio-label" for="female">Female</label>
<input type="radio" name="gender" id="male" class="k-radio" disabled>
<label class="k-radio-label" for="male">Male</label>
</div>
解决方案
final answer that works for me
<div class="k-form-field">
<span>Gender</span>
<input type="radio" name="gender" id="female" class="k-radio" [attr.checked] ="respondent.genderType=='2' ? 'checked' : null" disabled>
<label class="k-radio-label" for="female">Female</label>
<input type="radio" name="gender" id="male" class="k-radio" [attr.checked] ="respondent.genderType=='1' ? 'checked' : null" disabled>
<label class="k-radio-label" for="male">Male</label>
</div>
这篇关于如何将对象中的预填充数据绑定到 Angular 5 中的单选按钮的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文