默认情况下，不会使用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";