dependency-injection 相关问题

问题我的 Angular 模板中有以下设置：问题我的 Angular 模板中有以下设置： <mat-tab-group> <mat-tab *ngIf="sees1"> <app-custom-table (columnButtonClick)="service1.columnClicked($event)"> </app-custom-table> </mat-tab> <mat-tab *ngIf="sees2"> <app-custom-table> </app-custom-table> </mat-tab> <mat-tab *ngIf="sees3"> <app-custom-table> </app-custom-table> </mat-tab> <mat-tab *ngIf="sees4"> <app-custom-table> </app-custom-table> </mat-tab> <mat-tab *ngIf="sees5"> <app-custom-table (columnButtonClick)="service5.columnClicked($event)"> </app-custom-table> </mat-tab> </mat-tab-group> 我希望每个 app-custom-table 都注入不同的服务实现，以便能够显示和处理不同的数据。想法我实际上正在尝试更改我现有的解决方案，其中包括将服务作为 @Input() 参数直接传递给每个组件。像这样： <mat-tab-group> <mat-tab *ngIf="sees1"> <app-custom-table [service]="serviceImpl1" (columnButtonClick)="service1.columnClicked($event)"> </app-custom-table> </mat-tab> <mat-tab *ngIf="sees2"> <app-custom-table [service]="serviceImpl2"> </app-custom-table> </mat-tab> <mat-tab *ngIf="sees3"> <app-custom-table [service]="serviceImpl3"> </app-custom-table> </mat-tab> <mat-tab *ngIf="sees4"> <app-custom-table [service]="serviceImpl4"> </app-custom-table> </mat-tab> <mat-tab *ngIf="sees5"> <app-custom-table [service]="serviceImpl5" (columnButtonClick)="service5.columnClicked($event)"> </app-custom-table> </mat-tab> </mat-tab-group> 我正在尝试放弃这种方法，因为它似乎是一个糟糕的方法。我想要这样的东西： @Component({ providers: [ { provide: BaseService, useClass: Implementation1Service }, { provide: BaseService, useClass: Implementation2Service }, { provide: BaseService, useClass: Implementation3Service }, { provide: BaseService, useClass: Implementation4Service }, { provide: BaseService, useClass: Implementation5Service }] }) 但 Angular 显然无法知道在哪里注入每个相应的服务。也许需要注意的是，所有实现extendBaseService类是一个抽象类，其方法的默认实现大部分不会改变，至少对于大多数实现来说是这样。问题有没有办法让 Angular 知道要注入哪个服务，或者我应该坚持当前的方法（将服务作为 Input() 参数注入）？目前的做法有那么糟糕吗？为什么不将服务添加到 providers 组件的 app-custom-table 中，这样将为每个组件实例创建服务？您可以直接在子组件中注入和使用服务，而不是通过输入传递服务，并且它将成为每个组件的单独服务实例。 @Component({ selector: 'app-custom-table', providers: [BaseService], }) export class CustomTableComponent { constructor(private service: BaseService) {} columnButtonClick(event: unknown) { this.service.columnClicked(event); } } 首先必须有一个更简单的方法来解决你想要的问题。但目前，这是我的建议。将服务添加到组件的providers数组中app-custom-table。 @Component({ selector: 'app-custom-table', ... providers: [BaseService], }) export class CustomTable { 现在所有子组件都有一个唯一的实例。然后从父组件到子组件获取当前实例的视图子组件，您可以为此使用 getter。 ... @ViewChild(CustomTable) customTable: CustomTable; get baseServiceInstance() { return this.customTable?.baseService; } 注意：该服务仅在 ngAfterViewInit 上可用，因此从那里开始使用此逻辑，而不是在 ngOnInit 或 constructor 上。

angular dependency-injection

回答 2 投票 0

找不到类型或命名空间名称“iOSBackgroundService”

错误消息：找不到类型或命名空间名称“iOSBackgroundService” 我在 Platform -> iOS 中创建了名为 iOSBackgroundService 的新类。但我无法将它注入毛伊岛公关...

ios .net dependency-injection reference maui

回答 1 投票 0

“方法”对象不支持带有依赖注入器的 FastAPI 中的上下文管理器协议错误

我正在开发一个 FastAPI 应用程序，我使用依赖注入器来管理我的依赖项。我有一个通过 SQLAlchemy 与数据库交互的 JobService。我遇到错误...

python database dependency-injection sqlalchemy fastapi

回答 1 投票 0

Blazor WASM 在 program.cs 期间为 DI 设置全局类

我对 Blazor 相当陌生，我想使用“GlobalSettings”类。我尝试过使用 CascadingParameters，但即使网站显示正常，我也会在控制台中收到空错误。我怀疑...