AngularJS http post循环

时间:2014-10-20 09:39:26

标签: angularjs angularjs-scope angularjs-http

如何调用该函数一次。 当我这样做时,调用它循环。 HTML:来自控制器的调用函数。找到索引的价值。

    <body ng-controller="MainCtrl">
       <div ng-repeat="id in arr">
    {{sendPost(id)}}
      </div>
    <br>
        {{namestr}}
    </body>

JS:值为

的函数请求服务器
    app.controller('MainCtrl', function($scope, $http) {
    $scope.arr=[];
    $scope.arr.push(1);
    $scope.arr.push(2);
    $scope.arr.push(3);   
    $scope.namestr="";
    $scope.newName = "";
    $scope.sendPost = function(names) {
        $scope.namestr=$scope.namestr+' '+names;
        var data = $.param({
            json: JSON.stringify({
                name: names
            })
        });
        $http.post("/echo/json/", data).success(function(data, status) {
          //select from database
           if (data==1){
             return '1111'
           } else {
             return '2222'
           }
        })
    }                            
    });

http://plnkr.co/edit/Zhao5JuEeuG1KGXNhLS0?p=preview

1 个答案:

答案 0 :(得分:1)

一般来说这是个坏主意

{{sendPost('Василий')}}

sendPost方法和它一起http.post将在每个$ digest进程中调用,$ digest由模型更改触发,所以这个

$scope.hello = data;

将导致另一个$ digest和另一个http请求,解释更多你想要实现的内容,并且我会扩展你的plunker