2016年3月19日

angularjs

  • $scope

    • $scope.$watch

      • 监听程序变化

    • $scope.$apply

      • 监听数据变化,数据变化,会影响视图。

  • angular.module

    • controller

    • run

  • angularJs的过滤器

    • currency

    • number

    • lowercase/uppercase

    • json

    • limitTo

    • date

    • orderBy

    • filter

//过滤器组合使用
m1.controller('Aaa',['$scope','$filter',function($scope,$filter){

    //$scope.name = '723894734.7489545';
    //$scope.name = 'hello';
    //$scope.name = {"name":"hello","age":"20"};
    //$scope.name = ['a','b','c'];
    $scope.name = '3748935795';

    /*$scope.name = [
        {color:"red",age:"20"},
        {color:"yellow",age:"30"},
        {color:"blue",age:"40"},
        {color:"green",age:"10"}
    ];*/

    //$scope.name = $filter('uppercase')('hello');
    //$scope.name = $filter('number')('236478234.3647348',1);
    //$scope.name = $filter('date')('236478234','hh');

    //$scope.name = 'hello';

    $scope.name = $filter('firstUpper')('hello');


}]);


//自定义过滤器
//

m1.filter('firstUpper',function(){
    return function(str,num){
        //console.log(num);
        return str.charAt(0).toUpperCase() + str.substring(1);
    }
});
  • ng-repeat

  • ng-app

    • 初始化angularjs这个库的指令

  • ng-controller

    • 调用控制器,把数据与视图连接在一起

  • ng-model

    +

  • ng-click

    • 点击事件

Last updated