如何将预先填充的数据从对象绑定到Angular 5中的单选按钮
如何将预先填充的数据从对象绑定到Angular 5中的单选按钮
提问于 2018-02-23 02:41:07
我正在开发Angular 5应用程序。我得到了性别的单选按钮，它的值是基于它接收的值预先填充的单选按钮，我需要知道如何在html模板中使用ng-if内联。GenderType:字符串，值1表示男性，2表示女性。
我试过了，但不起作用
<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>回答 3
Stack Overflow用户
回答已采纳
发布于 2018-02-23 16:41:23
对我有效的最终答案
<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>Stack Overflow用户
发布于 2018-02-23 02:48:40
你不需要ngIf来改变属性的值。您可以只对条件属性使用一段javascript：
<input
type="radio"
name="gender"
id="female"
[attr.checked]="respondent.genderType=='1' ? 'checked' : null" />另一种选择是以“角度的方式”使用表单，或者使用ngModel，或者使用Reactive Forms。
Stack Overflow用户
发布于 2018-02-23 02:48:46
假设genderType 1是女性，2是男性，您只需在checked属性中绑定它。你不需要ngIf。NgIf用于显示或隐藏html元素。试试这个(我也去掉了disabled属性)：
<div class="k-form-field">
<span>Gender</span>
<input type="radio" name="gender" id="female" class="k-radio" [attr.checked]="respondent.genderType === '1' ? 'checked' : null">
<label class="k-radio-label" for="female">Female</label>
<input type="radio" name="gender" id="male" class="k-radio" [attr.checked]="respondent.genderType === '2' ? 'checked' : null">
<label class="k-radio-label" for="male">Male</label>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48934978
复制相关文章
相似问题
腾讯云开发者
