# 開始的例子
# 1\. 開始的例子
我們從一個完整的例子開始認識 ng :
~~~
<!doctype html>
<html ng-app="app">
<head>
<script src="http://cdn.bootcss.com/angular.js/1.6.1/angular.min.js"></script>
</head>
<body>
<div ng-controller="my">
user name:
<h2>{{ person.name }}</h2>
</br>
</div>
<div ng-controller="ctrl">
<input type="text" ng-model="field.user" />
<input type="text" ng-model="field.password" />
</br>
user:
<h2>{{ field }}</h2>
</div>
</body>
</html>
<script>
var app = angular.module('app', []);
app.controller('my', function ($scope) {
$scope.person = {
name: 'Ari Lerner'
};
});
// var app = angular.module('app', []);
app.controller('ctrl', function ($scope) {
$scope.field = {};
});
// angular.bootstrap(document.getElementsByTagName('body'), ['app']);
</script>
~~~
聲明:以上僅適用于angular.js1.0;
2.0的使用方法完全不同
上面我們使用?*ng-app*?來指明要使用的 App ,這樣的話可以把顯式的初始化工作省了。一般完整的過程是:
~~~
var app = angular.module('Demo', [], angular.noop);
angular.bootstrap(document, ['Demo']);
~~~
使用?`angular.bootstrap`?來顯示地做初始化工具,參數指明了根節點,裝載的模塊(可以是多個模塊)。