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

Question

这是代码:

<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 来显示数据。

我在这里做错了什么？

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

Answer 1

这是你的 fiddle 修复:http://jsfiddle.net/masa671/xtaa9gev/

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

然后，缺少几次注入(inject):

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

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