默认情况下,ngmodel处于angular4时,不选中自定义单选按钮

默认情况下,ngmodel处于angular4时,不选中自定义单选按钮,angular,default,checked,Angular,Default,Checked,在我的html中有一个下面的自定义单选按钮,使用ngmodel属性,checked default属性不起作用。在移除NGIT模型的同时;It’很好 <div class="col-md-3"> <label for="type" name="type" class="form-label grey_label">Type</label> <div class="custom_toggle_btn">

在我的html中有一个下面的自定义单选按钮,使用ngmodel属性,checked default属性不起作用。在移除NGIT模型的同时;It’很好

<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>

类型
选择1
选择2

对此有什么想法吗?

删除了选中的属性

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

在这种情况下,您不想使用checked属性,而是在构造函数中或初始化变量时,将
type
属性初始化为正确的值(
'opt1'
'opt2'
)。
this.type = "opt1";