Question

我正在尝试使用ng-show显示加载栏，同时在后台完成任何异步调用。下面是简化的代码示例，但我发现在$ scope.page_loaded变为true后，显示了两个div并且未隐藏加载div。

我对Angular很新，所以这可能是一个菜鸟错误。

编辑：即使在下面的简单示例中，没有任何异步调用，我也会显示两个div。

controllers.js

controllers.controller('AuthController', ['$scope', '$window', function($scope, $window) {
    $scope.page_loaded = false;

// DO SOME LOGIC HERE

    $scope.page_loaded = true;

}]);

的index.html

<div class="page-content" layout="row" flex layout-align="center center" ng-show="!page_loaded">
    <div class="loading">
        <p class="loading-text">Loading...</p>
        <md-progress-linear md-mode="indeterminate"></md-progress-linear>
    </div>
</div>

<div ng-view class="page-content" layout="row" flex ng-show="page_loaded"></div>

Angular ng-show仍显示div后的值变为false

0 个答案: