1. 程式人生 > >AngularJs-入門-1.1

AngularJs-入門-1.1

    一、定義angular所處的區域

<div ng-app="fkApp"></div>
var app = angular.module("fkApp", []);

【如果有多個區域,這需要手動啟動

angular.bootstrap(document.getElementByID(""), ["myApp"]);

注意這句要放在最後】

    二、定義變數

<div ng-app="fkApp">
    <input ng-model="name">
</div>
var app = angular.module("fkApp", []);
app.value("name", 10); //變數
app.constant("t", 10); //常量

    三、定義對應的控制器

<div ng-app="fkApp" ng-controller="fkCtrl"></div>
var app = angular.module("fkApp", []);
app.controller("fkCtrl", function($scope, $rootScope){  })

    3.1 $scope. 賦值        $scope.$watch()新增監聽

    3.2 $rootScope. 設定的屬性可以被所有控制器訪問

    四、過濾器

{{。。。| 過濾器 : 條件}}
$filter("過濾器")(。。。, 條件);

    也可以js自定義

var app = angular.module("fkApp", []);
app.filter("過濾器", function(){
    return function(。。。, 條件){};
});