angular6：我希望我的继承组件具有父级的一些属性

发布时间：2020-12-17 08:52:14 所属栏目：安全来源：网络整理

导读：我有一个表,其中每个表格单元格是一个组件的不同实例.根据数据(日期,文本,链接),我使用不同的组件. 由于这些组件有很多共同点,我引入了一个TableCellMasterComponent,它由所有其他类型的表格单元扩展. 我的所有组件都具有相同的主机属性： @Component({ sele

我有一个表,其中每个表格单元格是一个组件的不同实例.根据数据(日期,文本,链接),我使用不同的组件.

由于这些组件有很多共同点,我引入了一个TableCellMasterComponent,它由所有其他类型的表格单元扩展.

我的所有组件都具有相同的主机属性：

@Component({
  selector: 'td[app-text-col]',templateUrl: './text-col.component.html',styleUrls: ['./text-col.component.css'],host: {
    "[hidden]": "col.deactivated"
  },changeDetection: ChangeDetectionStrategy.OnPush
})
export class TextColComponent extends TableCellMasterComponent{
}

有可能以某种方式将其移动到TableCellMasterComponent吗？

我也很想给他们所有人一个上下文菜单.但正如我所看到的,无法在Master中添加HTML.真的吗？

我可以将changeDetection移动到Master吗？

@Component装饰器元数据不会被继承,因此您无法将某些内容移动到基类. @Input和@Output属性得到继承.

有一个主机属性的解决方案,您可以使用@HostBinding,这将继承.例如你的绑定你可以这样做：

@HostBinding('hidden') get hidden(): boolean { return col.deactivated; }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!