AngularJS實現的自定義過濾器簡單示例

本文實例講述了AngularJS實現的自定義過濾器。分享給你們供你們參考，具體以下：

1.自定義限制字數的過濾器

啥也不說了直接上代碼吧

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

angular.module( 'demo' ).filter( 'cut' , function ($sce) { return function (value, wordwise, max, tail) { if (!value) return '' ; max = parseInt(max, 10); if (!max) return value; if (value.length <= max) return value; if (value.length > max){    value = value.substr(0, max); } if (wordwise) {    var lastspace = value.lastIndexOf( ' ' );    if (lastspace != -1) {    value = value.substr(0, lastspace);    } } return $sce.trustAsHtml(value + (tail || ' … <span>顯示全文</span>' )); }; });

代碼直接拷走絕對沒問題！！項目親測！

2.自定義其餘jQuery過濾器

仍是直接上代碼

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

angular.module( 'demo' ).filter( 'stateFormat' , [ 'state' , function (state) {    return function (input, type){      if (type == 'stateColor' ){        switch (input){          case '1' : return 'green' ; break ;          case '0' : return 'red' ; break ;        }      } else if (type == 'stateText' ){        switch (input){          case '1' : return '特價' ; break ;          case '0' : return '未特價' ; break ;        }      } else if (type == 'marry' ){        switch (input){          case '1' : return '黃燜雞米飯' ; break ;          case '2' : return '水煮肉片' ; break ;          case '3' : return '酸菜魚' ; break ;        }      } else (type == 'propertyColor' ){        switch (input){          case '1' : return 'blue' ; break ;          case '-1' : return 'red' ; break ;          case '0' : return '' ; break ;        }      }