ng-click not updating value in ng-repeat

Question

This is the code:

<div ng-repeat="data in products">
    <div class=edit ng-click="dataUI.showEdit = true; content = data;">
    </div>
    <div ng-repeat="renew in data.renewed">
        <div class=edit ng-click="dataUI.showEdit = true; content = renew;">
        </div>
    </div>
</div>
<div class="modal" ng-show="dataUI.showEdit">
    <div class="product_price">{{content.product_price}}</div>
</div>

When I click this, the popup opens but, the content is not filled with items. In the popup, I am using content to show the data.

What am I doing wrong here?

JSFiddle: http://jsfiddle.net/HB7LU/22082/

The value for your ng-repeat attribute should be enclosed in quotes - is this a typo? — wpercy
– wpercy, Commented Jan 12, 2016 at 18:58

Community · Accepted Answer · 2017-05-23 12:15:23Z

1

Here's your fiddle fixed: http://jsfiddle.net/masa671/xtaa9gev/

You were using an old version of Angular, changed to version 1.4.8 (see the JavaScript Gear).

Then, a couple of missing injections:

MyCtrl.$inject = ['$scope'];
myApp.controller('MyCtrl', MyCtrl);

Finally, assignment to content in ng-click did not work, because ng-repeat creates a new scope ("Always use a dot"). I fixed this with dataUI.content. Here is one good explanation: Ng-click doesn't work inside ng-repeat.

edited May 23, 2017 at 12:15

CommunityBot

11 silver badge

answered Jan 12, 2016 at 20:35

masa

2,8303 gold badges26 silver badges33 bronze badges

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

2 Comments

Harbinger Over a year ago

You beat me to it :-)

masa Over a year ago

Sorry, I finalized my answer just 3 mins after your comment and saw it after posting my answer :-)

Collectives™ on Stack Overflow

ng-click not updating value in ng-repeat

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related