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

Posted 2023-03-05

【中文标题】在角度重复循环内设置和获取引导单选按钮

【英文标题】：Setting and getting bootstrap radio button inside angular repeat loop

【发布时间】：2013-04-22 08:56:12

【问题描述】：

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

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

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

谢谢！

【参考方案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") 或绑定到对象属性 (ng-model="radioModel.id")。

这是第二种方法的有效方法： http://plnkr.co/edit/uGAxaRlPFK6sD4tRjGXX?p=preview

【讨论】：

您能解释一下这个相关问题中的问题吗？ ***.com/q/18275727/247243

我从来不知道 ng-repeat 指令会创建一个新范围。哇。