Angular2 / TypeScript组件用于特定类型的对象

2018-06-14 07:09:23

我正在尝试创建一个Angular组件“EditComponent”，它将跨越所有预期实现某个接口的其他Angular组件。

我的“EditComponent”纯粹是托管组件的容器，并允许用户选择编辑/保存/删除实例组件中的对象。

如果我将在此EditComponent中使用的所有对象都实现“isValid（）”方法，那么如何将saveButton的[disabled]属性绑定到此方法？

例如，如果我知道具体对象是一个HolidayEditComponent，我将在EditComponent中使用下面的代码：

@ViewChild(HolidayEditComponent) editComponent: HolidayEditComponent;

然后我可以在我的EditComponent中有一个方法返回这个对象的isValid（）方法的值：

childIsValid(){
    return this.editComponent.isValid();
}

然后在EditComponent的标记中，我可以绑定到这个：

<button [disabled]="!childIsValid()" *ngIf="isEditMode" class="btn btn-sm btn-outline-primary" (click)="save()">

我怎么做到这样editComponent是实现IEditableObject的任何对象？

链接地址: http://www.djcxy.com/p/40697.html