Question

我有以下代码，

Selext to

我希望默认选择“禁用”单选按钮。我试着给了checked，checked =“ checked”，[checked] =“ true”，checked =“ true”，但没有任何效果。我在堆栈溢出中搜索了类似的问题，但未找到任何答案。因此职位。非常感谢您的帮助。谢谢。

Answer 1

使用 disabled 代替 value =“ Disabled”
将属性选中更改为 [选中] ，否则该值将作为字符串而不是布尔值求值。

尝试一下

<input class="form-check-input" type="radio" name="versioning" [checked]=”true” disabled>

Answer 2

使用disabled之类的[disabled]="isDisabled"属性

toggle isDisabled可以启用/禁用单选按钮。

 <div class="col-md-6 col-lg-6 col-xl-6 mb-5">
  <label>Versioning</label><br/>
  <div class="form-check form-check-inline">
    <input class="form-check-input" type="radio" name="versioning" value="Enabled" [(ngModel)]="selectedVal" >
    <label class="form-check-label">Enabled</label>
  </div>
  <div class="form-check form-check-inline">
    <input class="form-check-input" type="radio" name="versioning" checked="checked" [(ngModel)]="selectedVal" value="Disabled" [disabled]="isDisabled">
    <label class="form-check-label">Disabled</label>
  </div>
</div>

未选中Angular 6单选按钮

2 个答案: