Adding a filter in angularjs

Question

I am new with angularjs and I am trying to create a filter that remove spaces from a string.

removeSpaces.js

angular.module('filters.stringUtils', [])
.filter('removeSpaces', [function() {
    return function(string) {
        if (!angular.isString(string)) {
            return string;
        }
        return string.replace(/[\s]/g, '');
    };
}])

home.html

<div ng-controller="ItemController">
<p ng-repeat="item in items">
    <a href="/items/{{ item.item_name | removeSpaces }}">{{ item.item_name }}</a>
</p>

itemcontroller.js

angular.module('myApp').controller('ItemController', [
  '$scope', 'Services', '$http','removeSpaces', function($scope, Services, $http,removeSpaces) {
    $http.defaults.headers.common['Accept'] = 'application/json';
    return $scope.services = Services.query();
  }
]);

I get this error:

Unknown provider: removeSpacesFilterProvider <- removeSpacesFilter

is the filter.stringUtils module noted in the dependencies of myApp? — LionC
– LionC, Commented Jun 17, 2015 at 13:50

Mathieu Bertin · Accepted Answer · 2015-06-17 13:50:29Z

1

In your app you have to use the module for you app.

So do this and it should work

angular.module('myApp', ['filters.stringUtils'])

answered Jun 17, 2015 at 13:50

Mathieu Bertin

1,62411 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Adding a filter in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related