Angular2注入器-动态选择服务实现

// 定义一个服务接口
interface DataService {
  getData(): string;
}

// 实现服务A
class ServiceA implements DataService {
  getData(): string {
    return 'Data from Service A';
  }
}

// 实现服务B
class ServiceB implements DataService {
  getData(): string {
    return 'Data from Service B';
  }
}

// 动态选择服务的工厂类
class DataServiceFactory {
  static getService(useServiceA: boolean): DataService {
    return useServiceA ? new ServiceA() : new ServiceB();
  }
}

// 组件中使用动态选择的服务
@Component({
  selector: 'app-root',
  template: `<div>{{ data }}</div>`
})
export class AppComponent {
  data: string;

  constructor() {
    const useServiceA = true; // 这里可以根据条件动态设置
    const dataService = DataServiceFactory.getService(useServiceA);
    this.data = dataService.getData();
  }
}

@Injectable({
  providedIn: 'root',
  useClass: ServiceA // 默认使用 ServiceA
})
class DataService {
  getData(): string {
    throw new Error('Method not implemented.');
  }
}

@Injectable({
  providedIn: 'root',
  useClass: ServiceB // 可以在运行时动态切换
})
class DataServiceB implements DataService {
  getData(): string {
    return 'Data from Service B';
  }
}

// 在组件中动态切换服务实现
@Component({
  selector: 'app-root',
  template: `<div>{{ data }}</div>`
})
export class AppComponent {
  data: string;

  constructor(@Inject(DataService) private dataService: DataService) {
    const useServiceB = true; // 这里可以根据条件动态设置
    if (useServiceB) {
      this.dataService = new ServiceB();
    }
    this.data = this.dataService.getData();
  }
}