Пользовательский переключатель не установлен по умолчанию при использовании ngmodel в angular4

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