Données de modèle et portée dans AngularJS

Table des matières
Quand on parle de la portée d'un modèle, on parle de la objet de portée $, celui-ci est chargé de montrer les données du modèle aux vues, avec cela nous pouvons connecter les différentes parties de notre structure MVC.
Dans AngularJS les données sont considérées comme faisant partie du modèle uniquement lorsqu'elles sont visibles par l'objet $ portée, cet objet est la portée ou la portée que nous devons utiliser afin de voir les changements qui peuvent se produire dans notre modèle.
Quand on travaille avec l'objet $ portéePlusieurs fois, nous pouvons attribuer des valeurs de manière explicite, de manière à pouvoir simuler au sein d'un contrôleur la réception de données à partir d'un modèle.
En attribuant lesdites données ou valeur au $ portéeCela peut être utilisé au sein de la vue, quelle que soit son origine, comme un modèle ou une affectation explicite que nous avons dit.
Voyons dans l'exemple suivant comment nous pouvons traduire ce que nous avons commenté dans un code simple de AngularJS:
Définir le compte sur 3

{{compteur}}

Définir le compte sur 3

{{compteur}}


Dans l'exemple, nous voyons que dans le contenu de notre contrôleur, nous définissons explicitement la valeur d'une propriété, avec cela nous pouvons passer la valeur de l'objet $ portée à la vue; Dans la section suivante, nous avons créé un bouton qui invoque la méthode du contrôleur. Enfin, nous créons un nouveau bouton qui rend l'affectation explicite et nous avons un code équivalent.
Avec ce qui est écrit dans l'exemple, nous obtenons ce qui suit dans notre navigateur :

AGRANDIR

Nous voyons que les deux options nous permettent d'exécuter la fonction principale que nous avons conçue pour définir un compteur défini sur trois.
ng-modèleUn autre aspect que nous pouvons placer est de construire un formulaire en utilisant la propriété ng-modèleAvec cela, nous pourrons réaliser une union bidirectionnelle entre les deux éléments, c'est-à-dire entre la forme et le modèle en question; avec cela, ils peuvent travailler dans le cadre du contrôleur qui les englobe.
La méthode Regardez () est peut-être l'un des plus utilisés dans AngularJS, car avec lui, nous pouvons détecter en temps réel les changements qui peuvent affecter nos modèles et avec ces changements exécuter des actions au sein de notre application.
En fait, nous pouvons observer un objet particulier ou peut-être le résultat d'une méthode, l'important est que nous puissions utiliser cette méthode dans un large éventail de ce que Javascript représente dans le navigateur. La manière dont nous pouvons appliquer cette méthode est la suivante :
$ watch (watchFn, watchAction, deepWatch)

Ces paramètres reçus par la méthode nous permettent d'indiquer le modèle à prendre en compte, la méthode à exécuter lorsqu'il y a un changement ou une condition que nous avons établie et avec cela nous pouvons répondre à bon nombre des besoins que nous avons en termes de suivi des changements du modèle
Avec cela nous terminons ce tutoriel, nous avons déjà une introduction à ce que représente la portée des données dans nos modèles dans une application faite avec AngularJS.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif

Vous contribuerez au développement du site, partager la page avec vos amis

wave wave wave wave wave