Visualizações em AngularJS
Mais compreensíveis, as visualizações são o que os usuários veem no aplicativo.
O código HTML5 será renderizado pelo navegador para ser exibido ao usuário, chamado de visualização ou interface do usuário.
<!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>Resultados ao imprimir no navegador
No exemplo abaixo, vemos que o navegador exibe a palavra hello, com uma caixa de texto renderizada de acordo com o código HTML, olhando a estrutura do código acima, vemos dentro do corpo que existe uma diretiva ng-controller= "mainController" , o conteúdo dentro são as visualizações retornadas ao usuário do controlador chamado mainController na camada de script.
Pode haver uma ou mais visualizações em uma aplicação angularJS dependendo do tamanho do projeto, geralmente muitas visualizações, cada visualização será uma interface diferente exibida para os usuários interagirem, esta é a plataforma de construção. . Por esse motivo, o angularJS é muito útil na construção de aplicativos SPA.
Bài viết liên quan:
Dịch vụ thiết kế Wesbite
