Angularjs 中常用名詞 也就是所說的常用指令

HTML5 允許擴展的屬性 以data-開頭
AngularJS 屬性以ng-開頭 也可使用data-ng來讓網(wǎng)頁對HTML5有效，例如
ng-app等同于data-ng-app

 1. ng-app 定義應(yīng)用程序的根元素
 2. ng-bind 綁定 HTML 元素到應(yīng)用程序數(shù)據(jù)
 3. ng-clicked 定義元素被單擊時的行為
 4. ng-controller 為應(yīng)用程序定義控制器對象
 5. ng_disabled 綁定應(yīng)用程序數(shù)據(jù)到 HTML 的 disabled 屬性
 6. ng_init 為應(yīng)用程序定義初始值
 7. ng_model 綁定應(yīng)用程序數(shù)據(jù)到HTML元素
 8. ng-repeat 為控制器中的每個數(shù)據(jù)定義一個模板
 9. ng-show 顯示或隱藏HTML元素

ng-app ng-bind ng-model {{}} 案例演示

ng-bind 指令 等同于{{}}

<p>在輸入框中嘗試輸入：</p>
<p>姓名：<input type="text" ng-model="name"></p>

<div ng-bind="name"></div>
 {{name}}

ng-init 指令為 AngularJS 應(yīng)用程序定義了 初始值

<div ng-app="" ng-init="firstName='John'">
<p>姓名為 <span ng-bind="firstName"></span></p>
</div>

ng-controller

<div ng-controller="firstCtrl">

        姓名：{{name}}
        性別：{{sex}}
        年齡：{{age}}

        <br>
        <ul>
            <li ng-repeat="person in persons">
                姓名: {{person.name}}
                年齡: {{person.age}}
            </li>
        </ul>
        
    </div>

var demo01 = angular.module("demo01App", []);
demo01.controller('firstCtrl', function ($scope) {

    $scope.name = "Edward";
    $scope.sex = "male";
    $scope.age = 25;

    $scope.persons = [
        {name: "張三", age: 15},
        {name: "李四", age: 25},
        {name: "王五", age: 18}
    ];

})