在实例对象内部的函数中获取类实例(this)-Typescript / Angular

伊桑·斯金格(Ishaan Shringi)

我有一个管理特定对话框的单独对象。考虑下面的代码。因为很难想象函数的作用,但是我无法访问该类的实例。我尝试使用传统that = this方法。

export class Whatever implements OnInit {

    that = this;

    dialog = {
       data:{},
       open:function() {
           //way to access 'that' variable
       },
       close:function() {},
       toggle:function() {}
    }

    //other declarations and functions
}

当我的应用程序扩展时,该服务中有太多功能。因此,我试图将这些功能中的一些整合到对象中,这将使代码更清晰。

另外,如果有更好的方法,我也想知道。谢谢。

阿卜杜拉卡迪

最好的方法是function(){}用ES6箭头函数代替,该函数可以this像这样保持您的上下文() => {}

您也可以使用functions(){}.bind(this),但是仅使用箭头功能会更好。两者都会使您this在函数主体中按预期进行引用

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Angular4 / Typescript中的Angular ForEach?

从TypeScript中的泛型类型获取构造函数/实例

从Typescript / Angular2中的类字符串创建实例

Typescript:当类中存在函数时,无法使用对象文字实例化对象

TypeScript:获取类的实例方法的类型

typescript,如何将对象传递给类的构造函数以进行实例化

在TypeScript中获取实例的类

Typescript“ this”实例在类中未定义

如何在Typescript中合并类实例?

从@ ctrl / ngx-codemirror库中,如何使用typeScript和angular 5获取codeMirror实例

如何在Typescript类中创建Angular 5 HttpClient实例

如何从Typescript中的构造函数动态声明类的实例属性?

TypeScript / Angular:记录实例变量

Angular 5中的复杂对象绑定-TypeScript

如何找到Typescript实例中的函数参数实例的子类?

Angular 7 Typescript-服务ErrorHandle丢失对象实例

如何从Typescript / Angular 7中的对象变量获取类型?

实例化类的通用TypeScript函数

Typescript在类中创建新实例

Node.js项目在Typescript中的类上的实例函数

Angular 2和Typescript:无法从事件处理程序访问类实例

我如何从angular之外的javascript函数中获取angular js创建的对象的实例

获取TypeScript类的实例?

如何使用 TypeScript/Angular2 从对象中的函数内的类访问它

Angular 将特定类的实例视为对象

Angular & TypeScript:类实例检查不起作用

Angular/Typescript 中的对象过滤器

Angular 中的 Typescript 类型转换

使用 Angular 在 Typescript 中获取未定义的对象错误