Heim > Artikel > Web-Frontend > Welche Beziehung besteht zwischen Modell, Controller und Ansicht in AngularJs? (Bilder und Text)
Die Verwendung von AngularJs zum Erstellen von Anwendungen ist untrennbar mit (Model), Controller (Controller), View (View) und ViewModel verbunden. Welche spezifische Beziehung besteht also zwischen ihnen? Heute werde ich Ihnen eine kurze Analyse der Beziehung zwischen ihnen geben.
1. Modell: Es handelt sich um einen Kapselungsträger für Daten im Zusammenhang mit der Geschäftslogik. Dem Modell ist es egal, wie es angezeigt oder betrieben wird Das Modell enthält keine. Die Schnittstelle zeigt relevante Logik an. In Webseiten handelt es sich bei den meisten Modellen um Daten, die vom Ajax-Server oder globalen Konfigurationsobjekten zurückgegeben werden, während Dienste in Angular den Ort zum Kapseln und Verarbeiten der mit dem Modell verbundenen Geschäftslogik darstellen. Solche Geschäftsdienste können von mehreren Controllern oder anderen Diensten wiederverwendet werden.
2. Controller: Dies ist nicht das Kernelement des MVVM-Musters, aber er ist für die Initialisierung des ViewModel-Objekts verantwortlich. Er kombiniert einen oder mehrere Dienste, um das Geschäftsdomänenmodell zu erhalten und zu platzieren Das ViewModel-Objekt macht die Anwendungsschnittstelle verfügbar. Der verfügbare Status wird während des Startvorgangs erreicht.
3. ViewModel: Das $scope-Objekt in Angular übernimmt die Rolle des ViewModels, das der Interaktion und Zusammenarbeit zwischen View und Model entspricht ist für die Bereitstellung von Anzeigeinformationen für die Ansichtsdaten verantwortlich und bietet eine Möglichkeit, das Modell über Ereignisse in der Ansicht zu bedienen.
4. Ansicht: Der Schwerpunkt liegt auf der Anzeige und Darstellung der Schnittstelle. In Angular enthält es eine Reihe deklarativer Direktivenansichtsvorlagen.
Das folgende Diagramm zeigt die Beziehung zwischen Modell, Controller, Ansicht und ViewModel:
Verwandte Empfehlungen:
Auflösung von Konflikten zwischen Template-Views und AngularJS
Kommunikation zwischen AngularJS-Controllern Detaillierte Erläuterung der Methode
Das obige ist der detaillierte Inhalt vonWelche Beziehung besteht zwischen Modell, Controller und Ansicht in AngularJs? (Bilder und Text). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!