ホームページ  >  記事  >  ウェブフロントエンド  >  AngularJs のモデル、コントローラー、ビューの関係は何ですか? (写真とテキスト)

AngularJs のモデル、コントローラー、ビューの関係は何ですか? (写真とテキスト)

不言
不言オリジナル
2018-07-21 17:26:542392ブラウズ

AngularJs を使用してアプリケーションを構築することは、(Model)、コントローラー (Controller)、ビュー (View)、および ViewModel から切り離すことができません。では、それらの間の具体的な関係は何ですか?今日はそれらの関係について簡単に分析したいと思います。

1. モデル: アプリケーションのビジネス ロジックに関連するデータのカプセル化キャリアです。モデルは、どのように表示または操作されるかを気にしません。インターフェイスに関連する情報を表示します。 Web ページでは、ほとんどのモデルは Ajax サーバーまたはグローバル構成オブジェクトから返されるデータですが、Angular のサービスは、モデルに関連するビジネス ロジックをカプセル化して処理する場所であり、そのようなビジネス サービスは、複数のコントローラーまたは他のサービスによって再利用されます。

2. コントローラー: これは MVVM パターンの中核要素ではありませんが、1 つ以上のサービスを組み合わせてビジネス ドメイン モデルを取得し、それを ViewModel オブジェクトに配置します。アプリケーションのインターフェイスが起動時にロードできるようにします。

3. ViewModel: angular の $scope オブジェクトは ViewModel の役割を完全に果たし、View と Model の間の相互作用と連携に準拠します。表示されたデータを View に提供するだけでなく、View でイベント操作モデルのメソッドを提供します。

4. ビュー: Angular では、インターフェイスの表示とレンダリングに焦点を当てており、宣言的なディレクティブ ビュー テンプレートが多数含まれています。

以下は、Model、Controller、View、ViewModel の関係を表す図です:

AngularJs のモデル、コントローラー、ビューの関係は何ですか? (写真とテキスト)

関連する推奨事項:

Template View と AngularJS 間の競合の解決策

通信の詳細な説明AngularJS コントローラー間のメソッド

以上がAngularJs のモデル、コントローラー、ビューの関係は何ですか? (写真とテキスト)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。