# 开始的例子
# 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` 来显示地做初始化工具，参数指明了根节点，装载的模块（可以是多个模块）。
