Lazy loading for angular services

Question

I have created module in Angular 4. Also i created service using @Injectable, added to module. Now my requirement is , service should not load during module loading. once i perform action or event like click, then service should load. So please help me how to implement this requirement.

thanks, Narsi p

Rakesh M R · Accepted Answer · 2018-06-21 03:13:28Z

1

You have to use injector explicitly. The injector is the one which instantiate the service.

Suppose square is the service,

class Square { name = 'square'; }

Call the service in component using below code.

const injector = Injector.create({providers: [{provide: Square, deps: []}]}); 
const shape: Square = injector.get(Square);
expect(shape.name).toEqual('square');
expect(shape instanceof Square).toBe(true);

answered Jun 21, 2018 at 3:13

Rakesh M R

2822 silver badges7 bronze badges

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

1 Comment

narsi Over a year ago

create method doesn't existed in Injector class. Injector.create throwing error.

Vijay Barot · Accepted Answer · 2018-07-13 11:36:53Z

1

If you are using Angular 6 then there is a feature provided by angular itself to lazy load services by using it's new syntax.

@Injectable({
   providdedIn : 'root'
})

Using this way Service can be loaded lazy by angular behind the scene, which will remove redundant code and lead to better performance and speed.

answered Jul 13, 2018 at 11:36

Vijay Barot

3523 silver badges8 bronze badges

Collectives™ on Stack Overflow

Lazy loading for angular services

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related