Angular 2-组件属性在方法中未定义

Tekk_Know

我有一个自定义类数组的属性。对该数组填充对服务的调用,该服务调用Web服务获取数据。我已订阅了可观察的对象,并且正在使用complete事件来触发加载图形的方法。

图形使用的数据应来自在订阅过程中填充的数组,但是当我尝试在方法中这样做时,组件属性上出现未定义的错误。为什么会这样,我虽然该组件属性应该可由同一类中的方法访问。

export class MetricsComponent implements OnInit{
errorMessage: string;
metric: MetricData[] = [];

//constructor is used for dependency injection
constructor(public _metricsService: MetricsService){}

ngOnInit(): void {
    console.log('talking to service...');
    this._metricsService.getData()
        .subscribe(
            data => this.metric = data,
            error => this.errorMessage = <any>error,
            this.LoadChart
        );  
}

LoadChart(): void {
    console.log(this.metric);  // <== this returns as undefined
}
贡特·佐赫鲍尔(GünterZöchbauer)

使用箭头功能保留范围 this.

ngOnInit(): void {
    console.log('talking to service...');
    this._metricsService.getData()
        .subscribe(
            data => this.metric = data,
            error => this.errorMessage = <any>error,
            () => this.LoadChart()
        );  
}

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular2,TypeScript,如何将属性值读取/绑定到组件类(在ngOnInit中未定义)

来自分类Dev

Angular 2表单组件的有效和原始属性返回的未定义

来自分类Dev

使用angular2-signaturepad库在Angular组件中未定义@ViewChild

来自分类Dev

如果对象在 angular 2 模板中未定义,那么检查对象属性的正确方法是什么?

来自分类Dev

无法读取Angular 2中的嵌套调用中未定义的属性“ subscribe”

来自分类Dev

Angular2-TypeError:无法读取(Typescript)中未定义的属性'Id'

来自分类Dev

使用@input在Angular 2中“无法读取未定义的属性'名称'”

来自分类Dev

无法读取 Angular 2 中未定义的属性“用户名”

来自分类Dev

Angular2 v3组件路由器:TypeError:无法读取未定义的属性“ split”

来自分类Dev

属性未定义的Angular2和TypeScript

来自分类Dev

无法读取未定义Angular 2的属性

来自分类Dev

Angular 2 form.value属性未定义

来自分类Dev

Angular 2 ngFor访问属性时未定义

来自分类Dev

Angular - Ionic 2 - 无法读取未定义的属性“订阅”

来自分类Dev

在angular2中未定义http

来自分类Dev

angular2中未定义的“触摸”

来自分类Dev

angular2 服务中未定义 LocalStorage

来自分类Dev

Angular9-szimek / signature_pad的Angular 2组件未定义

来自分类Dev

http / rxjs中的Angular 2重定向捕获回调导致TypeError:无法读取未定义的属性'subscribe'

来自分类Dev

(Angular2 和 Typescript)Angular 的 DatePicker 无法读取未定义的属性“切换”

来自分类Dev

Angular2-未定义OnInit

来自分类Dev

Angular2'this'未定义

来自分类Dev

Angular 2 ContentChild未定义

来自分类Dev

参数未定义的 Angular 2 路由

来自分类Dev

Angular 2 this.data 未定义

来自分类常见问题

执行回调函数时,Angular2组件的“ this”未定义

来自分类Dev

传递给Angular2组件的字符串始终未定义

来自分类Dev

Angular 2组件全局变量未定义?

来自分类Dev

NgZone / Angular2 / Ionic2 TypeError:无法读取未定义的属性“运行”

Related 相关文章

  1. 1

    Angular2,TypeScript,如何将属性值读取/绑定到组件类(在ngOnInit中未定义)

  2. 2

    Angular 2表单组件的有效和原始属性返回的未定义

  3. 3

    使用angular2-signaturepad库在Angular组件中未定义@ViewChild

  4. 4

    如果对象在 angular 2 模板中未定义,那么检查对象属性的正确方法是什么?

  5. 5

    无法读取Angular 2中的嵌套调用中未定义的属性“ subscribe”

  6. 6

    Angular2-TypeError:无法读取(Typescript)中未定义的属性'Id'

  7. 7

    使用@input在Angular 2中“无法读取未定义的属性'名称'”

  8. 8

    无法读取 Angular 2 中未定义的属性“用户名”

  9. 9

    Angular2 v3组件路由器:TypeError:无法读取未定义的属性“ split”

  10. 10

    属性未定义的Angular2和TypeScript

  11. 11

    无法读取未定义Angular 2的属性

  12. 12

    Angular 2 form.value属性未定义

  13. 13

    Angular 2 ngFor访问属性时未定义

  14. 14

    Angular - Ionic 2 - 无法读取未定义的属性“订阅”

  15. 15

    在angular2中未定义http

  16. 16

    angular2中未定义的“触摸”

  17. 17

    angular2 服务中未定义 LocalStorage

  18. 18

    Angular9-szimek / signature_pad的Angular 2组件未定义

  19. 19

    http / rxjs中的Angular 2重定向捕获回调导致TypeError:无法读取未定义的属性'subscribe'

  20. 20

    (Angular2 和 Typescript)Angular 的 DatePicker 无法读取未定义的属性“切换”

  21. 21

    Angular2-未定义OnInit

  22. 22

    Angular2'this'未定义

  23. 23

    Angular 2 ContentChild未定义

  24. 24

    参数未定义的 Angular 2 路由

  25. 25

    Angular 2 this.data 未定义

  26. 26

    执行回调函数时,Angular2组件的“ this”未定义

  27. 27

    传递给Angular2组件的字符串始终未定义

  28. 28

    Angular 2组件全局变量未定义?

  29. 29

    NgZone / Angular2 / Ionic2 TypeError:无法读取未定义的属性“运行”

热门标签

归档