Question

在Angular 2应用程序中，我试图将方法存储在变量中，但调用它总是会引发错误。我将在下面更好地解释一下：

我必须调用3种不同的API方法来更新数据库，具体取决于用户的类型：客户，协作者或提供者。这就是我现在所拥有的：

let updateAPIMethod;

switch (user.type) {
    case OBJTYPES.CUSTOMER:
        updateAPIMethod = this.customerService.updateCustomer;
        break;
    case OBJTYPES.COLLAB:
        updateAPIMethod = this.collaboratorService.updateCollaborator;
        break;
    case OBJTYPES.PROVIDER:
        updateAPIMethod = this.providerService.updateProvider;
        break;
}
updateAPIMethod(user).subscribe( (ret) => { DEAL WITH SUCCESS },
    (error) => { DEAL WITH ERROR });

每个函数都是对http.put的调用，它返回一个Observable。当我运行上面的代码时，我得到：

TypeError: Cannot read property 'http' of undefined

我认为这是因为只是调用该功能并没有设置适当的＆＃39;这个＆＃39;价值，但我不确定......

有没有办法做我想要的？谢谢！

Answer 1

从基础对象分离方法时松散上下文。因此，您服务中的this.http为undefined。

这应该有效：

let updateAPIMethod;

switch (user.type) {
    case OBJTYPES.CUSTOMER:
        updateAPIMethod = this.customerService.updateCustomer.bind(this.customerService);
        break;
    case OBJTYPES.COLLAB:
        updateAPIMethod = this.collaboratorService.updateCollaborator.bind(this.collaboratorService);
        break;
    case OBJTYPES.PROVIDER:
        updateAPIMethod = this.providerService.updateProvider.bind(this.providerService);
        break;
}
updateAPIMethod(user).subscribe( (ret) => { DEAL WITH SUCCESS },
    (error) => { DEAL WITH ERROR });

您还可以使用bind operator缩短它（可能需要transform-function-bind babel插件）：

switch (user.type) {
    case OBJTYPES.CUSTOMER:
        updateAPIMethod = ::this.customerService.updateCustomer;
        break;
// ...

调用存储在Typescript

1 个答案: