ng-click不更新ng-repeat中的值

时间:2016-01-12 18:51:19

标签: javascript html angularjs

这是代码:

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

当我点击此按钮时,会打开弹出窗口,但content未填充items。在弹出窗口中,我使用content来显示数据。

我在这里做错了什么?

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

1 个答案:

答案 0 :(得分:1)

这是你的小提琴:http://jsfiddle.net/masa671/xtaa9gev/

您使用的是旧版Angular,已更改为1.4.8版(请参阅JavaScript Gear)。

然后,几次失踪注射:

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

最后,contentng-click的分配不起作用,因为ng-repeat创建了一个新范围(“始终使用点”)。我用dataUI.content修正了这个问题。这是一个很好的解释:Ng-click doesn't work inside ng-repeat