Question

我有多个不同的角度分量。这些组件中也有一个基本列表组件。

例如：VegetablesComponents具有BaseListComponent，FruitsComponent具有BaseListComponent等...当然，Vegetables / Fruits组件内部也有不同的子组件。

BaseListComponent从父组件（VegetablesComponent，FruitsComponent）获取一些修改某些功能的数据。这是通过在BaseListComponent上使用@Input（）完成的。

因此，我想到了VegetablesComponent和FruitsComponent可以扩展同一类。而且我可以将父组件注入BaseListComponent内。可以说：

VegetablesComponents extends HasBaseFunctionality {}

然后在BaseListComponent内部，我将使用构造函数（父对象：HasBaseFunctionality，...）。

这将减少BaseList组件所需的输入数量，并使它看起来更加整洁。

但是一旦我尝试这样做，我就会得到：

StaticInjectorError(AppModule)[ChildComponentComponent -> 
BaseComponentComponent]: 
StaticInjectorError(Platform: core)[ChildComponentComponent -> 
BaseComponentComponent]: 
NullInjectorError: No provider for BaseComponentComponent!

如果我要使用：

constructor(parent: VegetablesComponent) {...}

那行得通。

因此，我想知道是否有任何方法可以在不使用服务的情况下使用该服务，一旦初始化，我将在该服务上注册当前基本组件，然后使用服务访问其值。

Answer 1

您的每个子组件都需要提供父类：

@Component({
    providers: [
        {
            provide: BaseComponentComponent,
            useExisting: VegetablesComponent
       }
   ]
})

然后，您通常可以注入BaseComponentComponent类型。

使用父组件扩展的类来注入父组件

1 个答案: