编辑：

Question

我使用ng-bootstrap ngbRadioGroup如下：

<div>
  <label>Deductible:</label>
  <div class="radio-group" [(ngModel)]="transaction.isDeductible" ngbRadioGroup name="isDeductible">
    <label class="btn btn-secondary"><input type="radio" [value]="true">Yes</label>
    <label class="btn btn-secondary"><input type="radio" [value]="false">No</label>
  </div>
</div>

不幸的是，选择其中一个选项不会设置transaction.isDeductible属性。

可能是什么问题？

提前感谢任何见解，如果我能提供其他相关信息，请与我联系：）

编辑：

对于另外两个RadioGroups，可能不会发生这种情况，我提供了最简单的一个

Answer 1

对我来说，从../node_modules/bootstrap/dist/js/bootstrap.js脚本中删除angular-cli.json行包括解决问题。显然，如果你需要Bootstrap JavaScript，这对每个人都没有解决方法！

因此ng-bootstrap和Bootstrap JavaScript之间肯定存在冲突。我现在没有时间研究它，也许其他人可以吗？如果我需要使用它，我可以回过头来。

Answer 2

如果没有看到你的模块用于导入和你的组件，很难确定可能出现的问题，但通常当我遇到双向数据绑定问题时，这是因为我忘记导入FormsModule或忘记了输入中的name字段。

我已将您的代码按原样粘贴到Plunkr并确认它正常工作，这表明模板语法准确，并且您的示例未提供足够的确定信息以提供正确答案 - 但您应该是能够引用组件和模块导入以确认您拥有所需的一切。

http://plnkr.co/edit/vHeyjHiHjawMLNiNXXk3?p=preview

为什么赢得无线电组绑定的[（ngModel）]？

编辑：

2 个答案: