角度からデータをロードするには？

私はangle jsで作業していますが、時にはfirefox上にデータをロードするときに変数名を表示し、いくつかのセクションの後で、その変数の内容を適切な方法で表示します。どのようにしてこのデータを読み込むことができますか、どのようにデータを読み込むためにローダーを適用できますか？あなたが下のスクリーンショットで見ることができるように。いくつかの瞬間の後角度からデータをロードするには？

、それは適切なコンテンツ

出典

2016-06-13 Anand jain

のようにそれを使用してください。これは、それらが解析され、angularjsによって占有されるまで、これらの角度式を隠します。 – Yogesh

これは何度もこの回答を確認しています。http://stackoverflow.com/questions/23453396/is-there-a-different-way-to-hide-a-scope-variable-from-showing-while-angularjs -i – Efx

DOMの可視部分に評価式を使用しないでください。これは、別の側の代理から非常に良い点です – Vitalii

使用NG-マントを示しています。それはそのようになります：

CSS：

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { 
    display: none !important; 
}

HTML：

<body ng-cloak> ... </body>

は動作しますが、それは体全体を非表示になります。 https://docs.angularjs.org/api/ng/directive/ngCloak：

ディレクティブは、素子に印加することができるが、好ましい使用量は、ブラウザビューの漸進的なレンダリングを可能にするために、ページの小さな部分に複数のngCloakディレクティブを適用することです。

ので、特定の要素にng-cloakを適用すると良いでしょう：

<div ng-cloak> ... </div> 
<div ng-cloak> ... </div>

Hereはよく情報を読み込む追加する方法を説明しています。

出典

2016-06-13 13:42:55

これはどのようにすべてのページに読み込まローダーを適用することができますか？ –

index.htmlで ' ...'を試しましたか？ –

私が試したことはありますが、最初のヘッダーロゴ、ボディーボタン、フッター、ヘッダーメニューのbla blaを表示してコンテンツをロードするのは間違ったフォーマットです。 .. .......私は最初にローダーを表示し、一度すべてのコンテンツをページにロードしてから、ページのコンテンツとイメージを表示する必要があります。 –

データのロード中に読み込み画面を表示するには、カスタムディレクティブを作成します。

//ディレクティブ

app.directive('loading', ['$http', function ($http) { 
    return { 
     restrict: 'A', 
     link: function (scope, elm, attrs) { 
      scope.isLoading = function() { 
       return $http.pendingRequests.length > 0; 
      }; 

      scope.$watch(scope.isLoading, function (v) { 
       if (v) { 
        elm.show(); 
       } else { 
        elm.hide(); 
       } 
      }); 
     } 
    }; 
}]);

これへの迅速な修正プログラムは、 `NG-cloak`することができ、この

<body> 
<!-- apply style/css to below div to cover entire page/element on which you want to show loader --> 
<div loading> 
<!-- add an image tag here with src as any loading gif image --> 
</div> 
</body>

出典

2016-06-13 14:25:12 Yogesh

角度からデータをロードするには？

答えて

関連する問題