javascript - ng-repeat 元素仅在第二次运行函数后填充

Question

我有一个 ng-repeat 元素，它只在我第二次按下按钮时填充。该按钮对 API 进行 GET 调用，收到 JSON 响应并将 $scope.movi​​es 设置为等于 JSON。

$scope.movies = [];
$scope.searchMovie = function()
var params = {
query: 'monsters',
include_adult: true
}
tmdb.call("/search/movie", params, 
function(e){
$scope.movies = e;
}, 
function(e){
console.log("Error" + e)
});

$scope.searchMovie 连接到一个按钮

Answer 1

它不更新的原因是 Angular 使用称为摘要循环的东西。如果您正在向第 3 方库提供回调，它不会触发 Angular 摘要，在这种情况下您需要自己触发一个。我建议在这里阅读更多信息:

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

触发摘要的基本方法是通过 $scope.$apply 、 $scope.applyAsync 和 $timeout。我建议您仔细阅读这些概念，因为它们在未来非常重要。