View and Template
No AngularJS, a visão é uma projeção do modelo através do template HTML. Isso
significa que sempre que o modelo é modificado, o AngularJS atualiza os
pontos de ligação apropriados, o que atualiza a visão.
A visão é construída pelo AngularJS a partir desse modelo.app/index.html:
<html ng-app="phonecatApp">
<head>
...
<script src="bower_components/angular/angular.js"></script>
<script src="app.js"></script>
</head>
<body ng-controller="PhoneListController">
<ul>
<li ng-repeat="phone in phones">
<span>{{phone.name}}</span>
<p>{{phone.snippet}}</p>
</li>
</ul>
</body>
</html>Model and Controller
O modelo de dados (uma matriz simples de telefones na notação literal do objeto) é agora instanciado no controlador PhoneListController. O controlador é simplesmente uma função construtora que usa um parâmetro $ scope:app/app.js:// Define the `phonecatApp` module
var phonecatApp = angular.module('phonecatApp', []);
// Define the `PhoneListController` controller on the `phonecatApp` module
phonecatApp.controller('PhoneListController', function PhoneListController($scope) {
$scope.phones = [
{
name: 'Nexus S',
snippet: 'Fast just got faster with Nexus S.'
}, {
name: 'Motorola XOOM™ with Wi-Fi',
snippet: 'The Next, Next Generation tablet.'
}, {
name: 'MOTOROLA XOOM™',
snippet: 'The Next, Next Generation tablet.'
}
];
});https://docs.angularjs.org/tutorial
Nenhum comentário:
Postar um comentário