javascript - 在 Angular 重复循环内设置和获取 Bootstrap 单选按钮

Question

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

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

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

谢谢!

Answer 1

因此，您的 plunker 中发生了两件事。

首先，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")或绑定(bind)到对象属性( ng-model="radioModel.id")。

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