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时它不起作用.谁知道为什么？

我已经做了一个说明问题的人:http ://plnkr.co/edit/0sDgKoRhHOgfnIvBPmi4?p=preview

谢谢!

Answer 1

你的ng模型你犯了一点错误.如果您要在无线电按钮中传递它并在模型中重复,您可以像使用它一样使用它

<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