2017-03-03 24 views
-1

画面にローダがあり、ページが読み込まれるかページに何らかのエラーが発生するまで画面に表示されます。anglejsのdivを表示して非表示にする方法

私はローダーを持っているdiv ...

<div id:loader class="loading"> 

を持っています...と私は表示するために、ページの負荷状況に基づいて非表示にしようとしています。

ローダーを非表示にするにはどうすればよいですか?ここに私のjsコードで:

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

しかし、それは動作していません。今はページ上で連続して実行されています。同じことを達成する上での援助の手。

+0

あなたの質問には何か不足しているようです。 INITに –

+0

(){ 機能(成功) {$ scope.loader.show =偽 }} – jubi

+0

使用[NGショー指令](https://docs.angularjs.org/api/ng/directive/ngShow)と[ng-hideディレクティブ](https://docs.angularjs.org/api/ng/directive/ngHide)を参照してください。 – georgeawg

答えて

0

使用NG-showがこの

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

はまだshowDiv = trueまたはfalse

またはあなたのinitにロードするためのスコープを設定

$scope.isLoading = true; 

入れを設定するためにあなたのinit関数を使用して試してみてくださいあなたの部門のこれは

ng-show="!isLoading" 

ページがロードされたときにfalseに設定します。

$scope.isLoading = false; 
関連する問題