為什么無線電組的[（ngModel）]不會綁定？

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

對我來說，從angular-cli.json腳本中刪除../node_modules/bootstrap/dist/js/bootstrap.js行包括解決了這個問題。 顯然，如果您需要Bootstrap JavaScript，這不是每個人的解決方案！

因此ng-bootstrap和Bootstrap JavaScript之間肯定存在沖突。 我現在沒有時間研究它，也許其他人可以嗎？ 如果我需要使用它，我可能會回到這里。

Answer 2

如果沒有看到你的模塊用於導入和你的組件，很難確定什么可能是錯的，但通常當我遇到雙向數據綁定問題時，這是因為我忘記導入FormsModule或忘記輸入上的name字段。

我已將您的代碼按原樣粘貼到Plunkr並確認它正常工作，這表明模板語法准確，並且您的示例未提供足夠的確定信息以提供正確答案 - 但您應該能夠引用組件和模塊導入以確認您擁有所需的一切。

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