How to use an alias on an Angular class?

Question

Angular

I have a class that receives a different value of the type parameter (1,2,3) as input to the constructor, inside the class a request is made to the server with this type type. The data is returned.

I need to have 3 instances of this class in the component, for this I requested them:

providers: [
   { provide: Search, deps: [CLOUD_SERVICE, SEARCH_CONFIG_ONE] },
    { provide: Search, deps: [CLOUD_SERVICE, SEARCH_CONFIG_TWO] },
     { provide: Search, deps: [CLOUD_SERVICE, SEARCH_CONFIG_THIRD] }
]

How to inject each provider into the component's constructor with its own alias, like so:

constructor(public search: Search as SearchOne,  public searchtwo: Search as SearchTwo, public searchThird: Search as SearchThird) {
}

Answer 1

I need to have 3 instances of this class in the component, for this I requested them:

You can add `multi: true` to all and then:

constructor(@Inject(Search) public search: Search[]){}

https://angular.io/guide/dependency-injection-prov...

Answer 2

It looks like you need an abstract class and three of its implementations, and expose them under their names.