在AngularJS控制器中使用第三方过滤器

Question

我正在开发AngularJS应用。 我在视图中使用underscore.string 。 例如，我的代码在我的视图中看起来像这样：

<h3>Welcome { user.firstName | _.str: 'capitalize' }}</h3>

我需要在与此视图关联的控制器中使用大写功能。 为了做到这一点，我有以下几点：

.controller('MyCtrl', function ($scope, $location, $filter) {
    $scope.user = null;
    $scope.defaultValue = null;

    $scope.initialize = function() {
      $scope.user = getUser();
      $scope.defaultValue = $filter('capitalize')('my value');
    };
    $scope.initialize();
})

一切正常，直到我尝试全部使用大写过滤器。 我究竟做错了什么？ 我收到一条错误消息：

Unknown provider: capitalizeFilterProvider <- capitalizeFilter

我不知道我在做什么错。 在我看来，但现在是我的控制器，它工作正常似乎很奇怪。

Answer 1

在您的应用程序中将过滤器注册为依赖项

angular.module('app', ['ngRoute','capitalize']);

有关更多信息，请参阅文档

编辑：创建角度过滤器，并将其用作underscore.string库的包装器：

angular.module('app', []).filter('capitalize', function() {
  return function(input) {
    return _.str.capitalize(input)
  };
});

在您的模板中：

<h3>Welcome { user.firstName | capitalize }}</h3>