angular - 使用输入/输出扩展组件

标签 angular

是否可以在 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/

相关文章:

angular - 将默认值添加到输入字段 Angular2

angular - TS2339 :Propert 'on' does not exist on type 'HTMLElement'

c# - 使用 Angular 6 将文件上传到 Web Api C#

javascript - 这个例子中的 Angular *ngFor 究竟是如何工作的?

javascript - 动态加载外部 webpack 捆绑的 ngModule 作为路由处理程序

输入未显示验证错误的 Angular Material 垫芯片列表

javascript - 如何以 Express 方式重定向发送到外部资源的请求?

javascript - 如何选择素 Angular p树上的所有节点?

javascript - 监听 Angular 对象更新的变化

node.js - Angular 2 所需的库