如何在angularjs中显示和隐藏div

Question

我在屏幕上显示一个加载器，它将显示在屏幕上，直到页面加载或页面出现任何错误。

我有一个div在那里我有装载机...

<div id:loader class="loading"> 

...，我试图来显示和隐藏基于页面负载状态。

如何隐藏和显示装载机？这里在我的js代码：

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

但它不工作。现在它在页面上连续运行。任何帮助实现相同的手。

Answer 1

使用NG秀试试这个

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

仍然在你的初始化函数来设置showDiv = true或false

或设置加载一个范围，你的初始化

$scope.isLoading = true; 

认沽这在你的div

ng-show="!isLoading" 

当页面加载时将其设置为false

$scope.isLoading = false;