Angular 引导4“;“数据切换”;按角度断开双向绑定

Angular 引导4“;“数据切换”;按角度断开双向绑定,angular,bootstrap-4,angular7,Angular,Bootstrap 4,Angular7,我有两个单选按钮,我使用引导4单选按钮模板 在这里,我想保留显示单选按钮的引导方式。如果我删除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

我有两个单选按钮,我使用引导4单选按钮模板

在这里,我想保留显示单选按钮的引导方式。如果我删除
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>

选择1
选择2
{{SelectionRadio}}

如果您计划将引导与Angular一起使用,我强烈建议您使用引导,而不是标准的jQuery实现。我会尝试一下,谢谢。这很好,我现在可能会使用ng引导。您不会后悔的。:-)如果您计划将引导与Angular一起使用,我强烈建议您使用引导,而不是标准的jQuery实现。我会尝试一下,谢谢。这很好,我现在可能会使用ng引导。您不会后悔的。:-)