AngularJs-入門-1.1
阿新 • • 發佈:2019-01-12
一、定義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(。。。, 條件){};
});