AngularJS checkbox placed inside ng-repeat not binding

Question

I have a checkbox (bound to a model), placed inside an ng-repeat tag which iterates over a list.

I want to send a value "YES" or "NO" depending on whether the box is checked or not to the controller using the ng-true-value and ng-false-value attributes.

But for some reason, the $scope.value2 is not getting updated in the controller.

Here is a jsFiddle with my problem:: http://jsfiddle.net/HmvgW/

Note: If I place the checkbox outside the ng-repeat tag, the YES/NO value is sent correctly to the controller.

How do I send a value to checkbox clicked value to the controller if I place it inside the ng-repeat tag?

Thanks!

Sharondio · Accepted Answer · 2013-08-14 19:32:18Z

5

It's a scope issue. ng-repeat creates a new child scope with each loop. If you want to access the parent scope from within the child, you can do so with $parent.value2.

answered Aug 14, 2013 at 19:32

Sharondio

2,61415 silver badges16 bronze badges

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

2 Comments

Wilson Over a year ago

Yes, I got it working by adding the $parent.value to the input tag.

<input type="checkbox" ng-model="$parent.value2"                    ng-true-value="YES" ng-false-value="NO" ng-click="value2Clicked()">

Thanks!

itamar Over a year ago

@Wilson - thanks this really helped. What a strange bug.

Collectives™ on Stack Overflow

AngularJS checkbox placed inside ng-repeat not binding

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related