Quelle est la relation entre le modèle, le contrôleur et la vue dans AngularJs ? (images et texte)

L'utilisation d'AngularJs pour créer des applications est indissociable de (Model), contrôleur (Controller), vue (View) et ViewModel, alors quelle est la relation spécifique entre eux ? Aujourd'hui, je vais vous donner une brève analyse de la relation entre eux.

1. Modèle : Il s'agit d'un support d'encapsulation de données liées à la logique métier de l'application. Le Modèle ne se soucie pas de la manière dont il sera affiché ou exploité, donc le Modèle. Le modèle n'en contiendra aucun. L'interface affiche la logique pertinente. Dans les pages Web, la plupart des modèles sont des données renvoyées par le serveur Ajax ou des objets de configuration globale, tandis que les services angulaires sont l'endroit où encapsuler et traiter la logique métier liée au modèle. Ces services métier peuvent être réutilisés par plusieurs contrôleurs ou d'autres services.

2. Contrôleur : Ce n'est pas l'élément central du modèle MVVM, mais il est responsable de l'initialisation de l'objet ViewModel. Il combinera un ou plusieurs services pour obtenir le modèle de domaine métier et le placer sur. l'objet ViewModel, rendant l'interface de l'application L'état disponible est atteint lors du chargement au démarrage.

3. ViewModel : L'objet $scope en angulaire joue pleinement le rôle du ViewModel. C'est le ciment de la Vue et du Modèle, qui est conforme à l'interaction et à la collaboration entre la Vue et le Modèle. est chargé de fournir des informations d'affichage à la vue et fournit un moyen de faire fonctionner le modèle via des événements dans la vue.

4. Vue : Il se concentre sur l'affichage et le rendu de l'interface. En angulaire, il contient un tas de modèles de vues Directives déclaratives.

Le diagramme suivant montre la relation entre le modèle, le contrôleur, la vue et ViewModel :

Recommandations associées :

Résolution des conflits entre les vues modèles et AngularJS

Communication entre les contrôleurs AngularJS Explication détaillée de la méthode

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!