angular - 如何在 TypeScript 中将接口(interface)作为参数传递并获取匿名回调？

Question

这是我想要实现的代码:

this._customHttp.httpPostService('app/fetchGridDetails',this.req,new  
  InterfaceName() {
         onEvent(str :string) {
            console.log(str);
         }
    });

Answer 1

如果它是接口(interface)而不是类，则无需new它。您可以创建一个内联实现接口(interface)的对象:

this._customHttp.httpPostService('app/fetchGridDetails', this.req,
    <InterfaceName>{
        onEvent(str: string) {
            console.log(str);
        }
    });

您可能甚至不需要显式编写接口(interface)名称。如果该对象具有 httpPostService 所期望的正确方法，TypeScript 应该对其进行编译:

this._customHttp.httpPostService('app/fetchGridDetails', this.req,
    {
        onEvent(str: string) {
            console.log(str);
        }
    });