控制器
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Simple app</title>
<script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script>
</head>
<body>
<div ng-controller="FirstController">
<h4>The simplest adding machine ever</h4>
<button ng-click="add(1)" class="button">Add</button>
<a ng-click="subtract(1)" class="button alert">Subtract</a>
<h4>Current count: {{ counter }} </h4>
</div>
<script type="text/javascript">
var app = angular.module('app', []);
app.controller('FirstController', function ($scope) {
$scope.counter = 0;
$scope.add = function (amount) { $scope.counter += amount; };
$scope.subtract = function (amount) { $scope.counter -= amount; };
});
</script>
</body>
</html>
2.
<!DOCTYPE html>
<html ng-app xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Simple app</title>
<script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp">
<div ng-controller="MyController">
<h1>{{ person }}</h1>
and their name:
<h2>{{ person.name }}</h2>
</div>
</div>
<script type="text/javascript">
var myApp = angular.module('myApp', []);
myApp.controller('MyController', function ($scope) {
$scope.person = {
name: 'Ari Lerner'
};
});
</script>
</body>
</html>