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

前端之家收集整理的这篇文章主要介绍了angular6:我希望我的继承组件具有父级的一些属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个表,其中每个表格单元格是一个组件的不同实例.根据数据(日期,文本,链接),我使用不同的组件.

由于这些组件有很多共同点,我引入了一个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; }

猜你在找的Angularjs相关文章