angular - Bootstrap 4“数据切换”打破了角度的两种方式绑定

Question

我有两个单选按钮，我正在使用 Bootstrap 4 单选按钮模板。

在这里，我想保留显示单选按钮的 Bootstrap 方式。如果我删除data-toggle="buttons"双向绑定正常工作，否则SelectionRadio值不会更新。

<div class="btn-group btn-group-toggle" data-toggle="buttons" >
   <label class="btn btn-sm btn-outline-info active">
       <input type="radio" name="options" [(ngModel)]="SelectionRadio" 
       value="Value1" autocomplete="off" checked /> Selection1
   </label>
   <label class="btn btn-sm btn-outline-info">
       <input type="radio" name="options" [(ngModel)]="SelectionRadio" 
       value="Value2" autocomplete="off"/> Selection2
  </label>
</div>

<div>{{ SelectionRadio }}</div>

标签： angularbootstrap-4angular7