Question

这曾经一直使用$ scope。$适用于$ http请求，我在这个问题上缺少什么？我首先得到了“Digest循环已经在进行中”的消息，而不是添加了setTimeout（），它除去了那个msg但仍然没有重复更新数据。这应该不是问题，我显然遗漏了一些东西。

HTML：

<form name="userDataForm" role="form" ng-submit="submit()">
<input type="text" name="userId" placeholder="Enter User ID" ng-model="viewModel.useId" />
<input type="text" name="start" placeholder="Start Date: dd-mm-yyyy" ng-model="viewModel.startDate"/>
<input type="text" name="end" placeholder="End Date: dd-mm-yyyy" ng-model="viewModel.endDate"/><br/>

<button type="submit">
    Get Data
</button>
<ul ng-repeat="place in viewModel.userData.data.significant_places">
    <li>
        You have been at <span style="color:red;">{{place.name}}</span> <span style="color:red;">{{place.number_of_days}}</span> days this month
    </li>
<ul>

JS

$scope.viewModel = {
    userId:'',
    startDate:'',
    endDate:'',
    userData:{}
};
$scope.submit = function(){
                 setTimeout(function(){
                    $scope.$apply(function(){
                        $http.get('http://localhost:3000/?user_id=279&start=20150101&end=20150113').success(function(data){
                            $scope.viewModel.userData = data;
                        }).error(function(){
                            console.log('error');
                        });
                    });
                 }, 1)


};

Answer 1

这应该可以正常工作：

$scope.viewModel = {
    userId:'',
    startDate:'',
    endDate:'',
    userData:{}
};
$scope.submit = function(){

    $http.get('http://localhost:3000/?user_id=279&start=20150101&end=20150113').success(function(data){
        $scope.viewModel.userData = data;
    }).error(function(){
        console.log('error');
    });

};

很少有实例需要自己使用$scope.$apply。 Angular几乎总是为你做这件事（这就是你得到那个错误的原因）。

angular.js $ scope。$ apply不会对ng-repeat工作

1 个答案: