访问ng-repeat场景中的特定元素

时间:2014-08-19 17:36:46

标签: javascript angularjs scope angularjs-ng-repeat

Morning Stack Overflow, 我正在使用Angular来填充JSON文件中的一堆图片,如:

<div class="printDiv" ng-repeat="picture in prints" ng-init="soldOut()">
    <img src="{{picture.source}}" />
</div>

在我的控制器中,我试图抓住一张特定的图片,在某些条件下将已售罄的横幅放在上面。我知道Angular会为每个新的img标记生成一个新的范围,但是在我的控制器中的soldOut()函数中,当我尝试访问该图片时,我得到一个未定义:

$scope.checkSoldOut = function () {
    console.log($scope.picture);         //returns undefined
}

我做错了什么吗? 谢谢你的时间!

1 个答案:

答案 0 :(得分:0)

将图片传递给售罄

<div class="printDiv" ng-repeat="picture in prints" ng-init="soldOut(picture)">
    <img src="{{picture.source}}" />
</div>

然后售罄

$scope.checkSoldOut = function (picture) {
    console.log(picture);         //returns undefined
}