在ng-repeat

Question

我使用ng-repeat从集合中填充表格，在此我有一个复选框，我想要禁用某些条件返回true。但是，当我加载页面时，我的函数进入无限循环。

这是我的HTML：

<tr ng-repeat="s in seriesList track by $index">
    <td><input id="id{{$index+1}}" class="checkbox-custom" type="checkbox" ng-disabled="checkNumbersExitsForSeries(s.series_name)" ng-model="s.selected" ng-click="tickCheck(s, s.selected)">
        <label for="id{{$index+1}}" class="checkbox-custom-label">&nbsp;</label>
    </td>
    <td class="mailbox-name" style="width:350px;">{{s.series_name}}</td>
    <td><input type="button" ng-click="editSeries(s)" value="Edit" name="edit" class="btn btn-info" /></td>
</tr>

以下是myfunction＆＃39; checkNumbersExitsForSeries＆＃39;在角度控制器中：

 $scope.checkNumbersExitsForSeries= function(series_name){
    console.log("in");

     var params = {
                'seriesName': series_name
            };

    $http.post('/admin/checkNumbersExistsForSeries', params, options)
    .then(function successCallback(response){
    if(response.data.success)    
    {
        console.log("response");
        return true;
    }
    else{
        console.log("no response");
        return false;
    }

    },function errorCallback(response){
        if(response.status = '401')
            $window.location = "#/login"
    });
};

下面的代码是我的节点控制器：

exports.checkNumbersExistsForSeries = function(req, res)
{
    numberRegisterModel.find({series:req.body.seriesName, status:{$ne:'deleted'}}, function(err, data){
        if(data){
            console.log("got it");
            res.json({success:true, data1:data});
        }
        else{
            console.log("not got it");
            console.log("error :" + err);
        }
    });
}

Answer 1

永远不要将指令绑定到执行资源调用的函数。摘要周期经常运行，这将导致您的应用程序发出大量请求。

您的checkNumbersExitsForSeries()功能正是如此。解决方案是在从后端加载seriesList时迭代，然后为每个条目调用checkNumbersExitsForSeries()（或者甚至使其成为批量调用）并将结果存储在由{{{}中的项目键入的哈希值中。 1}}。