在角度重复循环内设置和获取引导单选按钮

时间:2013-04-28 18:05:20

标签: javascript html5 twitter-bootstrap angularjs

我正在尝试设置默认按钮并获取当前选定的值。 没有重复循环的示例有效。

这是我的plnkr: http://plnkr.co/edit/t9CefA5bhLZs3RASmEUG?p=preview

它基于这个例子: http://plnkr.co/edit/LFj4inY9TLYZs9z7yHCr?p=preview

谢谢!

1 个答案:

答案 0 :(得分:36)

所以,你的掠夺者有两件事情在发生。

首先,btn-radio属性不需要插值({{}}),您可以(并且应该)直接提供表达式。所以只需写btn-radio="company.id"而不是btn-radio="{{company.id}}"

其次,您必须知道ng-repeat指令创建了一个新范围。这是人们对AngularJS一个非常非常常见的概念问题,所以我鼓励你阅读https://github.com/angular/angular.js/wiki/The-Nuances-of-Scope-Prototypal-Inheritance

回到您的特定问题,您可以将ng-model表达式更改为指向父作用域(ng-model="$parent.radioModel")或绑定到对象属性(ng-model="radioModel.id")。

这是第二种方法的工作方式: http://plnkr.co/edit/uGAxaRlPFK6sD4tRjGXX?p=preview