javascript - 让我自己的过滤器不起作用

Question

我正在尝试在 angularjs 中制作我自己的过滤器，但我想我做的方式是错误的。但我无法得到这里留下的东西，需要更新。

有人帮我解决这个问题吗？我想我需要将此过滤器转换为服务吗？如果是这样，正确的方法是什么？

我的代码:

angular.module('myApp', [])
angular.module('myApp.filters', [])
.filter('capitalize', function(capitalize) {
    return function(input) {
    if (input)
    return input[0].toUpperCase() +
    input.slice(1);
    }
});

html:

<div ng-app="myApp">
  {{ "San Francisco is very cloudy" | lowercase | capitalize  }}
</div>

Demo

Answer 1

你的过滤器有一个问题，不确定这是否是你的意思 - 但在你的函数中你有 function(capitalize) 这让 Angular 相信你有一个同名的服务/工厂。如果那是您在某个地方拥有的东西，那很好，但您似乎也没有在使用它。

您可以打开开发控制台并查看是否看到任何错误 - 我猜您会看到。

删除它使其工作:

myApp.filter('capitalize', function() {
    return function(input) {
        if (input)
            return input[0].toUpperCase() + input.slice(1);
    }
});

Fiddle