AngularJS:单选按钮上的ng-repeat

时间:2014-10-21 03:02:52

标签: angularjs angularjs-directive angularjs-scope angularjs-ng-repeat

嗨我试图实现一个html,当你点击一个单选按钮时,我想更新我的Obj。

所以当我点击保存按钮时,我会将我的Obj发送到api以保存数据。

我的问题是我迷失了如何制作一个会更新我的obj的单选按钮?

这是可能的。?

 scope.Obj =   [
      {
        "condition": "Question1",
        "status": ""
      },
      {
        "condition": "Question2",
        "status": ""
      },
      {
        "condition": "Question3",
        "status": ""
      }
     ]

HTML OUTPUT

Question                                    Status (Radio Button)

Question1                                      yes[]    no[]
Question2                                      yes[]    no[]
Question3                                      yes[]    no[]

                                                 [ Save ]

1 个答案:

答案 0 :(得分:2)

如果您只是显示您的对象,您将看到它与值绑定。

<div ng-repeat="o in obj">
      Yes <input type="radio" ng-model="o.status" value="yes" />
      No <input type="radio" ng-model="o.status" value="no"  /> 
...

{{obj}}

这里是fiddle