一、AngularJS過(guò)濾器：數(shù)據(jù)處理的瑞士軍刀

在AngularJS開(kāi)發(fā)中，過(guò)濾器是數(shù)據(jù)轉(zhuǎn)換的核心工具，它能將原始數(shù)據(jù)轉(zhuǎn)化為用戶(hù)友好的展示格式。通過(guò)簡(jiǎn)單的管道符|調(diào)用，即可實(shí)現(xiàn)復(fù)雜的數(shù)據(jù)處理：

<p>{{ order.createDate | date:'yyyy-MM-dd' }}</p>
<p>{{ server.cost | currency:'￥' }}</p>
<p>{{ logContent | limitTo:100 }}</p>

當(dāng)企業(yè)使用阿里云ECS或OSS存儲(chǔ)業(yè)務(wù)數(shù)據(jù)時(shí)，這些內(nèi)置過(guò)濾器能快速處理云服務(wù)返回的API數(shù)據(jù)，例如格式化時(shí)間戳、貨幣值和日志截?cái)唷?

二、自定義過(guò)濾器實(shí)戰(zhàn)：滿足云業(yè)務(wù)特殊需求

1. 實(shí)例：阿里云實(shí)例狀態(tài)本地化過(guò)濾器

angular.module('cloudApp').filter('instanceStatus', function() {
  return function(input) {
    const statusMap = {
      'Running': '運(yùn)行中',
      'Stopped': '已停止',
      'Starting': '啟動(dòng)中'
    };
    return statusMap[input] || '未知狀態(tài)';
  };
});

調(diào)用方式：{{ ecsInstance.status | instanceStatus }}

2. 實(shí)例：OSS文件大小智能轉(zhuǎn)換

angular.filter('ossFileSize', function() {
  return function(bytes) {
    if(bytes < 1024) return bytes + ' B';
    if(bytes < 1048576) return (bytes/1024).toFixed(1) + ' KB';
    return (bytes/1048576).toFixed(1) + ' MB';
  };
});