AngularJS : ng-repeat on radio button

Question

Hi Am trying to achieve an html where when you click a radio button, I want to update my Obj.

so when I click save button I will send my Obj to api to save the data.

My problem is I am lost on how to make a radio button that will update my obj?

is this posible.?

 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 ]

Check this out stackoverflow.com/questions/13077320/…

TGH
– TGH

2014-10-21 03:09:43 +00:00
Commented Oct 21, 2014 at 3:09 — TGH
– TGH, Commented Oct 21, 2014 at 3:09

Dylan · Accepted Answer · 2014-10-21 04:56:01Z

3

If you just display your object you will see that it is bound to the values.

<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}}

Here's a fiddle

answered Oct 21, 2014 at 4:56

Dylan

4,7831 gold badge22 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS : ng-repeat on radio button

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related