是否可以在 Angular 2 中扩展组件并仍然使用父级中的输入和输出?
export class Book {
@Input() name;
}
export class EBook extends Book {
@Input() downloadUrl;
@Input() size;
}
当我尝试扩展一个组件时,除了需要属性/装饰器的代码(例如输入和输出)之外,类中的所有内容都可以正常工作。 我做了一个 plunker 来说明问题:http://plnkr.co/edit/cfTKgScbaXMmEMoGY0zr
Book 是具有一个输入/输出名称的基本组件。
EBook继承Book,增加输入/输出DownloadUrl、Size。
正如您在 plunker 中看到的,EBook 没有获得名称,因为输入是在 Book 中定义的,而不是在 EBook 中定义的
最佳答案
至于当前版本的 Angular(撰写本文时为 7.0.1),您的用例得到了完美支持。和 issue Oliver 链接的链接已关闭。
创建了一个 Stackblitz 示例(仅突出显示输入装饰器): https://stackblitz.com/edit/angular-fepmtp
关于angular - 使用输入/输出扩展组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33997690/