不用多說,自己復制下來,運行一下,就明白怎么回事了。
<!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>
眼鏡蛇