1：在頁面里面引入Angular Js
PS：引用可以用網(wǎng)絡(luò)路徑也可以是本地路徑
<head>
<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
</head>
2：創(chuàng)建WebAPP和控制器
PS：每個(gè)獨(dú)立頁面都被看成一個(gè)獨(dú)立的WebAPP相味，每個(gè)WebAPP可以有多個(gè)controller控制器。
ng-app = “ ” 規(guī)劃WebAPP的作用域殉挽。
ng-controller = “ ” 劃定 WebApp 中的控制器的作用域丰涉。
angular.module('WebAPP作用域名稱', [ ]);
app.controller('Controller控制器名稱', function($scope) { 表達(dá)式 });
$scope 不可修改 控制器對象
<body>
<div ng-app = "TestApp">
<div ng-controller="TesrController">
</div>
</div>
</body>
<script>
var app = angular.module('TestApp', []);
app.controller('TesrController', function($scope , $http) {
$scope.message = "Hello, Angular JS.";
});
</script>
3:創(chuàng)建視圖
PS：通過{{ }} 控制器綁定模型視圖
<body>
<div ng-app = "TestApp">
<div ng-controller="TesrController">
<p>{{message}}</p>
</div>
</div>
</body>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
