Dati del modello e ambito in AngularJS

Quando parliamo della portata di un modello, parliamo del $ oggetto scope, questo ha il compito di mostrare i dati del modello alle viste, con questo possiamo collegare le diverse parti della nostra struttura MVC.
Nel AngularJS i dati sono considerati parte del modello solo quando sono visibili dall'oggetto $ ambito, questo oggetto è l'ambito o l'ambito che dobbiamo utilizzare per visualizzare le modifiche che possono verificarsi nel nostro modello.
Quando lavoriamo con l'oggetto $ ambitoMolte volte possiamo fare un'assegnazione di valori in modo esplicito, in modo tale da poter simulare all'interno di un controller la ricezione di dati da qualche modello.
Assegnando detti dati o valore al $ ambitoQuesto può essere utilizzato all'interno della vista, indipendentemente dalla sua origine, come un modello o un'assegnazione esplicita che abbiamo detto.
Vediamo nell'esempio seguente come possiamo tradurre ciò che abbiamo commentato in un semplice codice di AngularJS:

Imposta l'account su 3
{{contatore}}

Imposta l'account su 3
{{contatore}}

Nell'esempio vediamo che nel nostro contenuto del controller stiamo impostando il valore di una proprietà in modo esplicito, con questo possiamo passare il valore dell'oggetto $ ambito intuizione; Nella sezione successiva abbiamo creato un pulsante che richiama il metodo controller. Infine creiamo un nuovo pulsante che rende l'assegnazione in modo esplicito e abbiamo un codice equivalente.
Con quanto scritto nell'esempio otteniamo quanto segue nel nostro browser:

INGRANDIRE

Vediamo che entrambe le opzioni ci consentono di eseguire la funzione principale che abbiamo progettato per impostare un contatore impostato su tre.
ng-modelUn altro aspetto che possiamo porre è quello di costruire un form utilizzando la proprietà ng-modelCon ciò potremo realizzare un'unione bidirezionale tra i due elementi, cioè tra la forma e il modello in questione; con questo possono lavorare nell'ambito del controllore che li comprende.
Il metodo guarda () è forse uno dei più usati in AngularJS, poiché con esso possiamo rilevare in tempo reale i cambiamenti che possono influenzare i nostri modelli e con questi cambiamenti eseguire azioni all'interno della nostra applicazione.
Infatti possiamo osservare un oggetto particolare o magari il risultato di qualche metodo, l'importante è che possiamo utilizzare questo metodo in un ampio spettro di ciò che Javascript rappresenta nel browser. Il modo in cui possiamo applicare questo metodo è il seguente:

$ watch (watchFn, watchAction, deepWatch)

Questi parametri ricevuti dal metodo ci consentono di indicare il modello da prendere in considerazione, il metodo da eseguire quando c'è un cambiamento o una condizione che abbiamo stabilito e con questo possiamo soddisfare molte delle esigenze che abbiamo in termini di monitoraggio dei cambiamenti del modello
Con questo finiamo questo tutorial, abbiamo già un'introduzione a ciò che rappresenta l'ambito dei dati nei nostri modelli in un'applicazione realizzata con AngularJS.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo