如何在angularjs

Question

我的屏幕上有一个加载程序，它将显示在屏幕上，直到页面加载或页面显示错误。

我有一个div，我有装载机......

<div id:loader class="loading">

...我试图根据页面加载状态显示和隐藏。

如何隐藏和显示装载程序？在我的js代码中：

oninit() { 
    $scope.loader.showDiv = true;
    function(success) { 
        $scope.loader.showDiv= false;
    } 
}

但它不起作用。现在它在页面上不断运行。任何帮助实现同样的目标。

Answer 1

使用ng-show试试这个

<div id:loader class="loading" ng-show="showDiv">

仍然使用你的init函数来设置showDiv = true或false

或者在init

中设置加载范围

$scope.isLoading = true;

把它放在你的div中

ng-show="!isLoading"

加载页面时将其设置为false

$scope.isLoading = false;