¿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> 
  • UI-router interfiere con $ httpbackend unit test, angular js
  • angularjs 1.5: ¿Cómo identificar qué se filtra y reparar la fuga?
  • La anulación de la vista de layout en un estado más alto desde un estado más bajo en el ui-enrutador da como resultado un ui-view vacío
  • Ordenar varios IonicModals uno encima del otro
  • Error AngularJS: ¡El module 'ngResource' no está disponible! O escribió mal el nombre del module o se olvidó de cargarlo
  • Cómo pasar un valor a una callback de éxito AngularJS $ http
  • Trabajando con select usando AngularJS's ng-options
  • testing angularjs y mocha Uncaught TypeError: (window.beforeEach || window.setup) no es una function
  • Orden de resolución de dependencia Promise en ui-router angular
  • Angular - Establecer ng-model usando la variable de scope
  • ¿Cómo escribir una directiva 'doble' y 'ntimes' para angularjs?
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.