Tutorial hero
Lesson icon

How, Why, and When to Use Providers in Ionic 2

Originally published January 30, 2017 Time 2 mins

Providers allow you to create a self-contained service that provides some kind of functionality to your application. The role of a provider might include things like fetching data from a server, performing operations on data, sharing data, providing a set of complicated mathematical operations, and so on.

In general, we use providers to do the heavy lifting in our applications. By using a provider, we abstract the functionality it provides away from a specific component, which makes the codebase more maintainable and allows us to reuse that same provider in multiple different places in the application (or even in a completely different application).

In this video tutorial, I walk through a simple of example of when it would make sense to create a provider and how to do it.

Here’s the video:

Video Notes

  • You can create a new provider using the command: ionic g provider MyProvider
  • You must import the provider into app.module.ts and add it to the providers array
  • You must import the provider into any component that uses it
  • You must inject the provider in the constructor of any component that is using it
Learn to build modern Angular apps with my course