javascript - ng-repeat 中的 UI Bootstrap 单选按钮

Question

我正在尝试使用 ui bootstrap ( http://angular-ui.github.io/bootstrap/ ) 做一组单选按钮，与他们网站上的示例几乎相同，但使用 ng-repeat:

<div class="btn-group">
    <label ng-repeat='option in options' class="btn btn-danger" ng-model="radioModel2" btn-radio="'{{option}}'" uncheckable>{{option}}</label>
</div>

但由于某些原因，当我使用 ng-repeat 时它不起作用。谁知道为什么？

我做了一个 plunker 来说明这个问题:http://plnkr.co/edit/0sDgKoRhHOgfnIvBPmi4?p=preview

谢谢!

Answer 1

你的 ng-model 有点错误。 当您要在模型中重复将其传递给单选按钮时，您可以像

<div class="btn-group">
    <label ng-repeat='option in options' class="btn btn-danger" ng-model="$parent.radioModel2" btn-radio="'{{option}}'" uncheckable>{{option}}</label>
</div>

试试这个。

检查plnkr上的链接

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