javascript - 更新 $scope 不影响 View

Question

我正在尝试从 promise 回调中更新 $scope.loading。我尝试使用 $scope.$apply 但我无法让它工作。

loading 是我 View 中使用的一个变量，用于在数据尚未加载时显示加载条，否则显示数据。

这是我的 Controller :

angular.module('ecommerce')
    .controller('ProductsCtrl', function ($scope, ProductsService) {
        $scope.loading = true;
        $scope.error = false;
        ProductsService.getProducts().then(function (data) {
            $scope.loading = false;
            $scope.products = data;
        }, function (response) {
            $scope.products = null;
        });
});

这是我的观点:

<div ng-show="{{loading}}">Loading... please </div>
<div ng-hide="{{loading}}">

但我一直看到加载消息，即使数据已成功加载也是如此。

Answer 1

去掉 {{ 和 }}。您的 ng-show 和 ng-hide 指令应如下所示:

<div ng-show="loading">Loading... please </div>
<div ng-hide="loading">

请参阅 ng-show 的文档和 ng-hide .