2016-09-18 10 views
0

私は、サーバーからデータを取得し、クライアントブラウザ[片方向データバインディング]でデータモデルを更新する実装を進めています。データモデルの構造は以下のとおりです。構造が実行されるサービスの概要が含まれている要約div要素であるAngularJSがオンデマンドでHTML divコンテンツをロードする

enter image description here

を次のように

このデータモデルにさらに

、私はコンテンツを表示しています。 summary divをクリックすると、個々のサービスデータが表示されます。これは完全に機能しました。しかし、サービスの数が増えたり、サービスチェーンの深さが増えれば、応答性は非常に遅くなります。データは大きなデータとみなすことができます。また、いつでもサービスを追加することができます。これに基づいて要約を更新する必要があります。

誰もこの挑戦に直面し、同じものへのアプローチは何ですか?私はオンデマンドでdivの遅延読み込みでこれを行う予定です。遅延ロードに関するすべてのポインタ?怠け者のために

+0

私の提案は、サブツリー(アコーディオンの内側)と、アコーディオンを見てクリックする必要があるときだけ、サブツリーのリストをつかむために別のサービスを持つことです! – M98

+0

ng-repeatでtrack byを使用していますか?パフォーマンスに重大な影響を与える可能性があります。 –

+0

無限スクロールを使用するか、ウォッチャーを避けるか、片方向データバインディングを使用できるかどうかを確認してください。最も重要なことは、ウォッチャーを避けることです – Gatsbill

答えて

0

あなたは

<div ng-if="::shouldRender" ng-show="shouldRender"> 
</div> 

を結合一つの方法でNG-IFを使用することができ、レンダリングshouldRenderが真になったときに本部がレンダリングされます、そしてshouldRenderが偽になったときに、破壊されることはありません。

+0

@Kozlov、スニペットのおかげで。レイジーローディングは私のために働いた。 – Yashwanth

関連する問題