AngularJs-入门-1.1

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/caishu1995/article/details/86294788

    一、定义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(。。。, 条件){};
});