我的過濾器不工作

Question

我試圖將我的狀態值從數字更改爲'文本'

我想知道我該如何解決它，以及我做錯了什麼？預先感謝您

 <table> 
     <tr ng-repeat="x in Id"> 
       <td>{{ x.id }}</td> 
       <td>{{ x.status | status}}</td> 
      </tr> 
     </table> 

當我寫|狀態< - 崩潰整個重複，沒有任何顯示。

var app = angular.module('customersController', []); 

    function customersController($scope, $http) { 

    $http.get("localhost") 
      .success(function (response) { 
       $scope.Id = response; 

      }); 

    app.filter('status', function() { 
     return function (input) { 
      var statu; 
      switch (input) { 
       case 10: 
        statu = 'Bronze'; 
        break; 
       case 20: 
        statu = 'Silver'; 
        break; 
       case 30: 
        statu = 'Gold'; 
        break; 
       case 40: 
        statu = 'Elite'; 
        break; 

      } 

      return statu; 
     }; 
    }); 

Answer 1

您正在控制器中定義一個過濾器。這是無效的。在應用程序啓動並實例化控制器之前，您只能在配置階段添加過濾器。代碼應該是：

var app = angular.module('customersController', []); 
app.filter('status', function() { 
    return function (input) { 
     var statu; 
     switch (input) { 
      case 10: 
       statu = 'Bronze'; 
       break; 
      case 20: 
       statu = 'Silver'; 
       break; 
      case 30: 
       statu = 'Gold'; 
       break; 
      case 40: 
       statu = 'Elite'; 
       break; 
     } 
     return statu; 
    }; 
}); 

app.controller('customersController', function($scope, $http) { 
    $http.get("localhost") 
     .success(function (response) { 
      $scope.Id = response; 
     }); 
});