Мой фильтр не работает

Question

Я пытаюсь изменить свое значение статуса с цифр на «текст»

Интересно, как я могу это решить, и что я сделал не так? Заранее благодарю вас

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

Когда я пишу | status < - он разбивает весь повтор ng и ничего не отображается.

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; 
     }); 
});