Question

如果有人可以提供帮助，我会非常感激。我对AngularJS很新，并试图学习它。我遇到的问题是当按下Bought按钮时没有调用其中一个控制器

<div class="col-md-6" ng-controller="AlreadyBoughtController as Items">
                <h2>Already Bought:</h2>
                <ul ng-repeat="bought in Items.ItemsBought track by $index">
                    <li>Bought {{bought.quantity}} {{bought.name}}</li>
                </ul>
                <div class="emptyMessage" ng-if="Items.ItemsBought.length === 0">Nothing bought yet.</div>
            </div>.

请在plunker上查看app.js文件的完整代码： http://plnkr.co/edit/8wKY7PPZ6mINsFGCJQfP?p=preview

Answer 1

那是因为你从来没有真正传递你买的物品的索引。

<li>Buy {{item.quantity}} {{item.name}} <button class="btn btn-default" ng-click="itemsToBuy.boughtItems($index);"><span class="glyphicon glyphicon-ok"></span> Bought</button></li>

将$index传递给您的函数：ng-click="itemsToBuy.boughtItems($index);

看一下固定的plunk.

AngularJS控制器不是从html调用的

1 个答案: