javascript - 当 ng-repeat item.length=1 时触发 ng-repeat 内的 ng-click

Question

我想在products.length==1时触发自动loadProduct函数

下面是我的 Angular 代码。

<div class="prodItem prodItem-nos-{{products.length}} prodItem-item-number-{{$index}}"
    ng-repeat="product in products track by $index"
    ng-click="loadProduct(product.id)"
    uib-tooltip="{{ product.name }}">

    <div class="prodMeta">    
        <div class="prodName" ng-bind="product.name"></div>
        <div class="prodDescr" ng-bind="product.description"></div>
    </div>  
    <div class="prodBuyNow">
        <button ng-click="loadProduct(product.id)">Choose</button>
    </div>
</div> 

Answer 1

如果你想在范围内的项目发生变化时触发函数，可以使用scope.$watch()

例如:

scope.$watch('products',function(oldValue,newValue){
            if(newValue.length === 1){
               executeFunction();
            }
    });

参见: https://docs.angularjs.org/api/ng/type/ $rootScope.Scope