Angular 6.是否可以按条件注入服务?

时间:2018-08-31 07:04:31

标签: angular angular6

在我的有角度的应用程序(带有有角度的材质)中,我有一个过滤器面板,除了select之外,我还希望能够进行自动完成(用户输入值并将其发送到后端,从而通过$ regexp查询我们找到匹配项在MongoDB集合中)。但是要做到这一点,我需要将服务手动注入到过滤器组件中。我没有找到任何相关信息。

我需要这样的东西:

if (filters.serviceName) {
  injector.inject(serviceName);
}

injector.get(serviceName).find(searchQuery);

有可能吗?谢谢。

1 个答案:

答案 0 :(得分:5)

是的,您可以inject使用injector.get()动态地服务

示例代码:

import { Component, Injector } from '@angular/core';
import { MyService } from './my.service';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';
  myService : MyService;

  constructor(private injector : Injector){
    if(true){ // some condition
      this.myService = injector.get<MyService>(MyService);
    }

    console.log(this.myService.prop1)
  }
}

工作demo