不用多说,自己复制下来,运行一下,就明白怎么回事了。
<!DOCTYPE html>
<html>
<body>
<div>
<h3>指令说明</h3>
<p>ng-app 指令初始化一个 AngularJS 应用程序。这个必须写</p>
<p>ng-init 指令初始化应用程序数据。有需要实例化的数据就写,没有的话可以不写,它可以接收普通字符串,数组,对象,如有多个可用分号分隔</p>
<p>ng-model 指令把元素值(比如输入域的值)绑定到应用程序。</p>
<p>======================================</p>
</div>
<div ng-app="" ng-init="firstName='John';lastName='aaa';names=['Jani','Hege','Kai'];person={firstName:'John',lastName:'Doe'}">
<p>在输入框中尝试输入:</p>
<p>姓名: <input type="text" ng-model="firstName"></p><input type="text" ng-model="lastName">
<p>你输入的为: {{ firstName +""+ lastName }}</p>
<p>显示数组: {{ names[1] }}</p>
<p>显示对象: {{ person.lastName }}</p>
<p>也可以这样显示: <span ng-bind="person.lastName"></span></p>
<p>使用 ng-repeat 来循环数组。 同理也可以循环对象</p>
<ul>
<li data-ng-repeat="x in names">
{{ x }}
</li>
</ul>
</div>
<script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>
</body>
</html>
眼镜蛇