angularjs 自定义: (过滤器,指令,服务)

自定义指令

通过添加  restrict  属性,并设置值为  "A" , 来设置指令只能通过属性的方式来调用:

var app = angular.module("myApp", []);

app.directive("runoobDirective", function() {

return {

restrict : "A",

template : "<h1>自定义指令!</h1>"

};

});

<div runoob-directive></div>

restrict  值可以是以下几种:

• E 作为元素名使用
• A 作为属性使用
• C 作为类名使用
• M 作为注释使用

restrict  默认值为  EA , 即可以通过元素名和属性名来调用指令。

自定义过滤器 （现有项目里 app 要替换成 myApp 并且放在 app.controller 外）

app.filter('reverse', function() { //可以注入依赖

return function(text) {

return text.split("").reverse().join("");

}

});

{{ msg | reverse }}

自定义服务

app.service( 'hexafy' ,  function () {

    this.myFunc =  function  (x) {

         return  x.toString( 16 );

    }

});

使用自定义的的服务  hexafy  将一个数字转换为16进制数:

app.controller( 'myCtrl' ,  function ($scope,  hexafy ) {

    $scope.hex =  hexafy .myFunc( 255 );

});

在过滤器  myFormat  中使用服务  hexafy :

app.filter( 'myFormat' ,[ 'hexafy' ,  function ( hexafy ) {

     return   function (x) {

         return   hexafy .myFunc(x);

    };

}]);

angularjs 可以 copy对象

$scope.master = {firstName: "John", lastName: "Doe"};

$scope.user = angular.copy($scope.master);