Bootstrap 4 «data-toggle» разрывает двустороннюю привязку в угловых

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>