angular中,Filter是用來格式化資料用的,例如專案中,有很多時候從後台拿來的資料直接顯示用書是不明白其意義的,這時候我們需要自己格式化一下後再顯示在介面上,傳統的j我們需要些一長串程式碼,各種影射,而angular給我們提供的filter,確實要簡介很多。
下面跟大家介紹下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
3. 與fliter的混合使用
html代碼
<div ng-app="myApp" ng-controller="myCtrl"> {{name }} </div>
fliter代碼
app.controller("myCtrl", function($scope, $swl,$timeout) { $scope.name = $swl.before("swl"); $timeout(function(){ $scope.name = $swl.after("swl"); },2000) })