(17.06.16)Angular、controller、filter过滤器、自定义指令、controller的另一种写法、filter的另一种写法、directive另一种写法

Angular

优势是做SPA

spa         单页应用

---

controller        通信
    父子级通信

    子级给父级发送数据
        发送
            $scope.$emit('名字',值);

    父级给子级发送数据
        发送
            $scope.$broadcast('名字',值);

    接收

        $scope.$on('名字',function(ev,data){
            data
        });

---

jsonp
    https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su

---

    filter         过滤器

    自定义过滤器

        app.filter('过滤器名字',function(){
            return function(input){
                操作input的值。
                return 值;
            };
        });

    capitalizes        首字母大写

    getCnDay          获取中文星期

    trim          去除首尾空格

---

    自定义指令
    directive

        app.directive('名字',function(){
            return {
                link:function(scope,ele,attr){

                }
            };
        });

---

深入Controller

    传统写法不能压缩，因为angular核心是依赖注入

    app.controller('main',['$scope','$http',function(scope,http){

    }]);

controller的另一种写法

    var app = angular.module('app',[],function($controllerProvider){
        $controllerProvider.register('控制器名字',function($scope){

        });
    });

filter的另一种写法

    var app = angular.module('app',[],function($controllerProvider,$filterProvider){
        $filterProvider.register('名字',function(){
            return function(input,param){

            };
        });
        $controllerProvider.register('控制器名字',function($scope){

        });
    });

directive另一种写法

    var app = angular.module('app',[],function($controllerProvider,$filterProvider,$compileProvider){

        $compileProvider.directive('名字',function(){
            return {
                link(scope,ele,attr){

                }
            };
        });

        $filterProvider.register('名字',function(){
            return function(input,param){

            };
        });
        $controllerProvider.register('控制器名字',function($scope){

        });
    });