更新$scope-dons'不要影响视图

Update $scope doesn't affect the view

本文关键字：影响 视图 scope-dons 更新      更新时间：2023-09-26

我正在尝试从promise回调中更新$scope.loading。我试过使用$scope$申请，但我无法让它发挥作用。

loading是我的视图中使用的一个变量，用于显示加载条。如果数据尚未加载，则显示数据。

这是我的控制器：

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}}">

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

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

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

请参阅ng show和ng hide的文档。

只放入{{}}而不进行解压缩。根据ng-show文件

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

这是Demo

相关文章：