Angular を使用して魅力的なエクスペリエンスを追加する Web サイトを作成しています。サイトは JS なしで動作しますが、適切なブラウザーの場合、コンテンツは HTML スニペットの形式で動的に挿入されます (フロントエンド テンプレート言語はありません)。
ページ コンテンツを表すブロックがあり、最初にサーバーからの html コンテンツを含め、次に Ajax 関数からの HTML スニペットに置き換える必要があります。
デフォルトのコンテンツで使用することを望んでいましたが、Angular がブートストラップするとすぐに、この要素は空になり、バインド先の変数ng-bind-htmlのコンテンツに置き換えられます (予想どおり)。pageContentng-bind-html
ng-bind-htmlコントローラーで変数が更新されるまで、デフォルトのコンテンツの削除を停止する方法はありますか?
別のオプションは、Angular をブートストラップする前に要素の内容を収集することですが、これは非常にエレガントな解決策とは思えません。
私のページからのいくつかのサンプルコード:
<div id="content" ng-bind-html="pageContent">
<h2>Home page</h2>
<div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</div>
</div>
理想的には、div 内の HTML コンテンツは、変数#contentを更新するまでページに残ります。$scope.pageContent何か案は？