AngularJS のドキュメント doc ページを読みましたが、正確に何が起こるかまだはっきりしていません。コンパイラはどのように実行されますか? つまり、コンパイラは、ページの読み込み時にトリガーされて DOM を実行および検査する Javascript の一部です。その場合、ページが読み込まれるたびに多くのオーバーヘッドが発生しますか?
また、コントローラー内の DOM を決して変更してはならないことも読みました。それはなぜですか、そして誰かが私がしてはいけないことの簡単な例を教えてくれませんか.
サイトで携帯電話のチュートリアルのウォークスルーを行う必要があります。指示は明確で、アプリのセットアップ方法と適切なコードの場所を示します。アルンが言ったように、DOM 操作は主にディレクティブで処理する必要があります。コントローラはロジックを処理し、テンプレートはデータ バインディングを処理し、DOM 操作を実行するためのディレクティブを組み込みます。チュートリアルを進めていくと、Angular が別の考え方であることに気付くでしょう。
コンパイルに関する限り、index.html ページがレンダリングされ、スクリプトがロードされ、Angular はルーティングとコントローラーに基づいてビュー テンプレートを含める属性を探し始めます。テンプレートは、変数がバインドされて監視された状態で解析され、ユーザーに表示されます。もちろん、 http://builtwith.angularjs.org/でわかるように、わずかな遅延があります。右上には、「AngularJS で構築された 75 個の優れたもの」と表示されています。ページを更新すると、75 が?ページが読み込まれるまで (1 秒以内)。正直なところ、コントローラーとビューが非常に複雑でない限り、レンダリング時間は決して長くはありません。個人的な例として、テンプレートが呼び出されたときにコントローラーで JSON オブジェクトを複数回解析してループし、計算を実行して新しいオブジェクトを作成することにより、12 列のデータと 144 行の長さのレポート ページを生成しています。データが表示され、テンプレート化され、フォーマットされ、適切なコールバックが適用されるまで、ページは約 4 分の 1 秒間空白で表示されます。
もう一度、試してみてください。