angularjs - AngularJs 单选按钮列表将选中状态持久保存到模型

Question

最好用笨拙的人解释

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

在我工作的设置页面中，管理员可以设置应适用于哪个站点的默认设置。当您在单选按钮中更改选择并单击保存按钮时，在 plunker 中。检查控制台日志数据

1. 为什么用户对象中不维护单选按钮的选择？

2. 我应该怎么做才能保持状态（正确的方式）？

Answer 1

ngChecked仅与视图相关，它不会更新模型（http://docs-angularjs-org-dev.appspot.com/api/ng.directive:ngChecked）。您想使用 anng-model来将结果绑定到模型。

在 Angular 单选按钮上查看此文档：http://docs.angularjs.org/api/ng.directive: input.radio

我在这里复制了关键部分：

  <form name="myForm" ng-controller="Ctrl">
     <input type="radio" ng-model="color" value="red">  Red <br/>
     <input type="radio" ng-model="color" value="green"> Green <br/>
     <input type="radio" ng-model="color" value="blue"> Blue <br/>
     <tt>color = {{color}}</tt><br/>
 </form>

请注意，不是使用多个布尔值，而是使用一个变量，该变量将设置value为选中的任何内容（因为在单选按钮中只能选中一个）。

Answer 2

简而言之，单选按钮用于将多个值之一分配给单个变量。

您要做的是分配true或分配false多个值。

这样你就可以：

• A) 使用单选按钮，将“1 天”、“6 个月”、“1 年”分配给用户上的字段
• B）您必须在控制器（或指令）上编写一些逻辑，以找出选中了哪个单选按钮，然后以编程方式将其分配给User.options 上的正确字段true。false