Typescript接口调用方法

时间:2017-11-22 15:33:10

标签: typescript interface

我想使用具有接口“entity”的类“element”。我想使用像c#接口这样的接口。我有一个带输入的角度分量。输入类型是实体(接口),因为角度组件有两个输入类。我以为我可以使用像c#这样的接口来定义我在其他类中实现的方法(例如:“element”),并在元素实例上调用此方法,该方法被转换为接口。我希望你能理解我想做的事。

元素类:

import { Entity } from "./entity";

export class Element implements Entity {
    public Id: string;
    public Name: string;
    public ShortDesc: string;
    public Description: string;
    public Picture: any;

    public GetId(): string {
        return 
    }

    public GetName(): string {
        return this.Name;
    }

    public GetType(): string {
        return typeof(this);
    }
}

实体类:

export interface Entity {
    GetId(): string;
    GetName(): string;
    GetType(): string;
}

我使用了角度材质2的对话框。我给对话框提供了正确的输入类型“元素”(基类)。

    deleteClick(ele: Element) {    
        let dialogRef = this.dialog.open(DeleteDialog, {
        height: '400px',
        width: '400px',
        data: {
            entity: ele
        }
    });

在对话框中:

export class DeleteDialog implements OnInit {

    ngOnInit() {
    }

    dialogResult: string = 'cancel';

    constructor(
        public dialogRef: MatDialogRef<DeleteDialog>,
        @Inject(MAT_DIALOG_DATA) public data: {
            type: string,
            entity: Entity
        },
        private globalServ: GlobalService) {
            let entity = this.data.entity;
            let name = entity.GetName();
            //Here I get the Exception ERROR TypeError: entity.GetName is not a function
        }
    }

我的错误在哪里?我收到错误“ERROR TypeError:entity.GetName不是函数”

1 个答案:

答案 0 :(得分:-1)

请尝试如下所示调用函数

let name = entity['GetName()']