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

Question

在我的 angular 应用程序中（使用 angular material）我有一个过滤器面板，我希望 select 能够自动完成（用户输入值并将其发送到后端，通过 $regexp 查询我们在 MongoDB 集合中找到匹配项）。但要做到这一点，我需要手动将服务注入过滤器组件。我没有找到有关如何操作的任何信息。

我需要这样的东西：

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

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

可能吗？谢谢

Answer 1

是的，您可以 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

Answer 2

另一个变体使用 @Inject 装饰器，如果条件计算超出当前 class。

export interface IService {
  test: string;
}


@Injectable()
export class Serivce1 implements IService {
  test: 'service1';
}

@Injectable()
export class Serivce2 implements IService {
  test: 'service2';
}

const CONDITION = Math.random() > 0.5;
    
@Component({
   selector: 'my-app',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
})
export class AppComponent {
   name = 'Angular ' + VERSION.major;
    
   constructor(@Inject(CONDITION ? Serivce1 : Serivce2) private service: IService) {
        console.warn(service);
   }
}

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

Angular 6. Is it possible to inject service by condition?

angular

angular6

angular-dependency-injection