Angular 6:我希望我的继承组件具有父组件的某些属性

Question

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

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

Answer 1

@Component 装饰器元数据不会被继承，因此您不能将某些内容移至基类。 @Input 和 @Output 属性被继承。

主机属性有一个解决方案，您可以使用 @HostBinding 代替，这将被继承。例如你的绑定(bind)你可以这样做:

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