Create custom Angular filter without app name

Question

How to create custom angular filter without angular app name?

// usual way for creating filter
var app = angular.module('app', []);

app.filter('makeUppercase', function () {
  return function (item) {
      return item.toUpperCase();
  };
});

app.controller('PersonCtrl', function () {
  this.username = 'Todd Motto';
});

I only know creating angular filters with app name.

My concern is how we can create a filter without app name and inject it into a controller. Does it possible to create a javascript function and pass these to controller.

Cyril Cherian · Accepted Answer · 2016-12-16 10:53:14Z

2

You will always need to attach your filter to some module, in your case var app = angular.module('app', []); is a module and you making a filter inside that module.

You can use the filter inside your controller like below:

app.controller('PersonCtrl', function ($filter) {
  this.username = 'Todd Motto';
  var caps = $filter('makeUppercase')("make me caps");//call your filter like this
});

edited Dec 16, 2016 at 10:53

answered Dec 16, 2016 at 10:45

Cyril Cherian

32.4k7 gold badges48 silver badges57 bronze badges

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

1 Comment

Ramesh Rajendran Over a year ago

1. But the controller is injected with angular module (app name)

Community · Accepted Answer · 2017-05-23 12:24:53Z

0

Yes you can do that.

You can create a module and then create a service containing the filter.

After that you can inject that newly created module to your module and use the filter.

To add a filter through a service you can read this answer.

edited May 23, 2017 at 12:24

CommunityBot

11 silver badge

answered Dec 16, 2016 at 10:46

Pritam Banerjee

19.1k10 gold badges97 silver badges113 bronze badges

Collectives™ on Stack Overflow

Create custom Angular filter without app name

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related