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>