¿Cómo inyectar el filter de mayúsculas en angular?

Intento inyectar filter en mayúsculas como dependency injection al controller, intenté inyectar el orderByFilter y funcionó sin problemas. Puedes referirte a mi proyecto de muestra Plunker

PlunkerLink

var app = angular.module("myApp", []) .controller('HomeController',function($scope,orderByFilter,uppercaseFilter) { $scope.sortOrder = '-id'; $scope.upperCase = 'fName'; $scope.users = [ { id: 1, fName: 'Hege', lName: "Pege" }, { id: 2, fName: 'Kim', lName: "Pim" }, { id: 3, fName: 'Jack', lName: "Jones" }, { id: 4, fName: 'John', lName: "Doe" }, { id: 5, fName: 'Peter', lName: "Pan" } ]; $scope.users = orderByFilter($scope.users, $scope.sortOrder); $scope.users = uppercaseFilter($scope.users, $scope.upperCase); }); 

2 Solutions collect form web for “¿Cómo inyectar el filter de mayúsculas en angular?”

Tendrá que procesar una matriz de objects manualmente, ya que el filter upperCase solo funciona en cadenas. En tu caso, puede ser así, por ejemplo:

 $scope.users = $scope.users.map(function(obj) { obj[$scope.upperCase] = obj[$scope.upperCase].toUpperCase(); return obj; }); 

Demostración: http://plnkr.co/edit/QaCisLJAUI1eWbZNTtdz?p=preview

Puede ser que te ayude.

HTML code-sample

 <span>{{ users.fName | limitTo : 3 | uppercase }}</span> <span ng-bind="users.fName | limitTo : 3 | uppercase "></span> 

Muestra de código AngularJs

 <script> angular.module("myApp").controller("myController"), function($filter){ var result = $filter('limitTo')(users.fName, 3); $filter('uppercase')(result); ... } </script> 
  • Pasar automáticamente $ evento con ng-clic?
  • Intervalo de time de detención en javascript
  • ¿AngularJs destruye automáticamente el scope cuando un elemento se elimina de una directiva?
  • Envuelva gridstack.js en el componente angular 2
  • Función ng-click que afecta a todos los elementos ng-repeat
  • ¿Cómo ver todos los cambios en un Ámbito en AngularJS?
  • Angular + Selenio: no se puede get valor del campo de input
  • AngularJS no carga el module
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.