angularJS之自定义服务与fliter的混合使用

1. 创建自定义服务"$swl"

var app = angular.module('myApp', []);app.service("$swl", function() {this.after = function(data) {return "("+data + " after,$swl";};this.before = function(data) {return "($swl,before " + data+")";}})

2. 通过controller调用自定义服务

html代码

<div ng-app="myApp" ng-controller="myCtrl">{{name }}</div>

controller代码

app.controller("myCtrl", function($scope, $swl,$timeout) {$scope.name = $swl.before("swl");$timeout(function(){$scope.name = $swl.after("swl");},2000)})

3. 与fliter的混合使用

html代码

<div ng-app="myApp" ng-controller="myCtrl">{{name | before}}</div>

fliter代码

app.filter("before",["$swl",function($swl){return function(data){return $swl.before("(filter,"+data+")");}}])