2. Working with Data | Data Oriented Development with Angularjs

Filters

It often happens that we need to show filtered data. In this case, we can include logic in one of the functions in a service. However, this logic can get lost if a service has many methods. Similarly, we might have to format some data before showing it in the view. Angular introduces filters for precisely these things—either format the value of an expression for display or filter values from an array. Angular comes with some of the most common filters to format number, currency, or date. Refer to the built-in filters available at https://docs.angularjs.org/api/ng/filter.

Let's write a custom filter. In our previous example, our service returns some employees. Let's add a few more employees whose age is more than 58 years. Let's assume that the retirement age is 60 years, and anyone whose age is 58 years or more is about to retire. Then, let's filter the employees. So, here's the modified service:

'use strict';

app.service('employeeSvc', function () {

  var Employee = function (name...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Data Oriented Development with Angularjs

By : Manoj Waikar

Data Oriented Development with Angularjs

By: Manoj Waikar

Overview of this book

Filters

Data Oriented Development with Angularjs

By : Manoj Waikar

Data Oriented Development with Angularjs

By: Manoj Waikar

Overview of this book

Filters

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access