Ansichten in AngularJS
Am verständlichsten ist, dass Ansichten das sind, was Benutzer in der Anwendung sehen.
Der HTML5-Code wird vom Browser gerendert, um dem Benutzer angezeigt zu werden, der als Ansicht oder Benutzeroberfläche bezeichnet wird.
<!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>Ergebnisse beim Drucken im Browser
Im Beispiel unten sehen wir, dass der Browser das Wort hallo anzeigt, mit einem Textfeld, das gemäß dem HTML-Code gerendert wird. Wenn wir uns die Codestruktur oben ansehen, sehen wir im Körper eine Direktive ng-controller= "mainController" , die content inside sind die Ansichten, die vom Controller namens mainController in der Skriptebene an den Benutzer zurückgegeben werden.
Abhängig von der Größe des Projekts kann es eine oder mehrere Ansichten in einer AngularJS-Anwendung geben, normalerweise viele Ansichten, jede Ansicht wird eine andere Schnittstelle sein, die den Benutzern zur Interaktion angezeigt wird, dies ist die Bauplattform. . Aus diesem Grund ist angleJS sehr nützlich beim Erstellen von SPA-Anwendungen.
Bài viết liên quan:
Dịch vụ thiết kế Wesbite
