在角度解決承諾后，如何更新視圖中的$ scope對象？

Question

我有一個簡單的情況，在控制器中我有：

$scope.loadEvents = function () {
    var items = listEvents(id);
    items.then(function (data) {
        $scope.test= data;
    });
};

我認為：

<h1>{{test}}</h1>

但是$scope.test尚不可用。 如果我執行$scope.apply() 此錯誤

實際的錯誤是{{test}}沒有顯示，我想是因為未定義

有任何想法嗎？

Answer 1

你可以做

$scope.test = [];
$scope.loadEvents = function () {
var items = listEvents(id);
items.then(function (data) {
    $scope.test= data;
});
};

並鑒於

<h1 ng-if="test">{{test}}</h1>

使它僅在加載測試時可見