如何在angularjs中显示和隐藏div

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

或者在你的初始化中设置一个加载范围

$scope.isLoading = true;

把它放在你的 div 中

ng-show="!isLoading"

页面加载时设置为false

$scope.isLoading = false;