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

在AngularJS開發(fā)中，過濾器是數(shù)據(jù)轉(zhuǎn)換的核心工具，它能將原始數(shù)據(jù)轉(zhuǎn)化為用戶友好的展示格式。通過簡單的管道符|調(diào)用，即可實現(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存儲業(yè)務(wù)數(shù)據(jù)時，這些內(nèi)置過濾器能快速處理云服務(wù)返回的API數(shù)據(jù)，例如格式化時間戳、貨幣值和日志截斷。

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

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

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

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

2. 實例：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';
  };
});