欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

AngularJS自定義服務(wù)與fliter的混合使用

 更新時(shí)間：2016年11月24日 11:48:41   作者：萌太隆  
這篇文章主要介紹了AngularJS自定義服務(wù)與fliter的混合使用的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

angular中，F(xiàn)ilter是用來格式化數(shù)據(jù)用的，比如項(xiàng)目中，有很多時(shí)候從后臺(tái)拿來的數(shù)據(jù)直接顯示用書是不明白其含義的，這時(shí)候我們需要自己格式化一下后再顯示在界面上，傳統(tǒng)的j我們需要些一長(zhǎng)串代碼，各種影射，而angular給我們提供的filter，確實(shí)要簡(jiǎn)介很多。

下面給大家介紹下angularJS自定義服務(wù)與fliter的混合使用，一起看看吧。

 1. 創(chuàng)建自定義服務(wù)"$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調(diào)用自定義服務(wù)

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+")"); 
} 
}])

以上所述是小編給大家介紹的AngularJS自定義服務(wù)與fliter的混合使用，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論