默认情况下，angular4 中的 ngmodel 不检查自定义单选按钮

Question

我的 html 中有一个下面的自定义单选按钮，并且使用 ngmodel 属性选中的默认值属性不起作用。删除 ngmodel 时它工作正常。

<div class="col-md-3">
          <label for="type" name="type" class="form-label grey_label">Type</label>
          <div class="custom_toggle_btn">
            <div class="switch-field">
              <input type="radio" id="switch1_left" name="type" value="opt1" [(ngModel)]="type" checked>
              <label for="switch1_left">Option1</label>
              <input type="radio" id="switch1_right" name="type" value="opt2" [(ngModel)]="type">
              <label for="switch1_right">Option2</label>
            </div>
          </div>
        </div>

对此有什么想法吗？

Answer 1

删除勾选属性

 <input type="radio" id="switch1_left" name="type" value="opt1" [(ngModel)]="type">

并在 component.ts 中确保您已设置类型

this.type = "opt1";

默认情况下，angular4 中的 ngmodel 不检查自定义单选按钮

Custom radio button is not checked by default with ngmodel in angular4

angular

default

checked