Viste in AngularJS
Più comprensibili, le visualizzazioni sono ciò che gli utenti vedono sull'applicazione.
Il codice HTML5 verrà visualizzato dal browser per essere visualizzato all'utente, chiamato vista o interfaccia utente.
<!DOCTYPE html> <html lang="en" ng-app="exampleviewApp"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Example View AngularJS</title> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> </head> <body ng-controller="mainController"> <h2>Hello {{name}}</h2> <input type="text" ng-model="name" /> </body> <script> var exampleviewApp = angular.module('exampleviewApp', []); exampleviewApp.controller('mainController', function($scope) { $scope.name = 'Toanngo92'; }); </script> </html>Risultati durante la stampa sul browser
Nell'esempio seguente, vediamo che il browser visualizza la parola hello, con una casella di testo renderizzata secondo il codice HTML, osservando la struttura del codice sopra, vediamo all'interno del corpo c'è una direttiva ng-controller= "mainController" , il contenuto all'interno sono le viste restituite all'utente dal controller denominato mainController nel livello di script.
Possono esserci una o più viste in un'applicazione angularJS a seconda delle dimensioni del progetto, di solito molte viste, ogni vista sarà un'interfaccia diversa visualizzata per consentire agli utenti di interagire, questa è la piattaforma di costruzione. dovrebbe applicare SPA (applicazione a pagina singola) . Per questo motivo, angularJS è molto utile nella creazione di applicazioni SPA.
