在我的 Angular 应用程序中:
当组件使用在其直接父(抽象)类中定义的输入时,一切正常。
当组件使用在 2 级以上父(抽象)类中定义的输入时, 或 会ng build给出ng serve错误。
例如,我有4个课程:
export abstract class AbstractAComponent {
@Input() myInput: string;
}
Run Code Online (Sandbox Code Playgroud)
export abstract class AbstractBComponent extends AbstractAComponent {}
Run Code Online (Sandbox Code Playgroud)
@Component({
selector: 'app-one',
templateUrl: './one.component.html',
styleUrls: ['./one.component.scss']
})
export class OneComponent extends AbstractAComponent {}
Run Code Online (Sandbox Code Playgroud)
@Component({
selector: 'app-two',
templateUrl: './two.component.html',
styleUrls: ['./two.component.scss']
})
export class TwoComponent extends AbstractBComponent {}
Run Code Online (Sandbox Code Playgroud)
这就是我使用它们的方式:
<app-one [myInput]="'value 1'"></app-one>
<app-two [myInput]="'value 2'"></app-two>
Run Code Online (Sandbox Code Playgroud)
简而言之: -@Input() myInput定义在AbstractAComponent
-OneComponent直接扩展AbstractAComponent
- TwoComponentextends …