Angular 2 this.data 未定义

米克先生

我正在尝试通过我的“GetJsonService”读取我的 JSON 文件的内容。

app.component.ts:

data: any;

constructor(private jsonService: GetJsonService) {}

ngOnInit() {
    this.getRecords();
    console.log(this.data);
}

getRecords() {
    this.jsonService.getRecords().subscribe(data => {
        this.data = data;
    }, err => {
        console.log(err);
    });
}

获取-json.service.ts

constructor(private http: Http) { }

data: any;

getRecords() {
    return this.http.get('assets/standorte.json').map(data => {
        this.data = data.json();
        return data.json();
    }, err => {
        if (err) {
            return err.json();
       }
     });
 }

我想把data.json()的内容放到this.data中使用。但是当我记录 this.data 时它是“未定义的”。

我对 Angular 2 和 Typescript 完全陌生,所以当有人帮助我时,我真的会很感激。

问候

米克先生

@MauricioSipmann 解决了我的问题。问题是代码在请求中异步运行。我实际上知道这一点,但 Typescript 让我有点困惑。

感谢所有回复者!

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular2-未定义OnInit

来自分类Dev

Angular2'this'未定义

来自分类Dev

Angular 2 ContentChild未定义

来自分类Dev

参数未定义的 Angular 2 路由

来自分类Dev

尝试angular2时未定义Angular吗?

来自分类Dev

未定义的polyfill的Angular2 getOptional

来自分类Dev

未捕获的ReferenceError:系统未定义-Angular2

来自分类Dev

在angular2中未定义http

来自分类Dev

Angular2-追加变量未定义

来自分类Dev

TypeError-函数未定义-Angular 2

来自分类Dev

Angular 2模板标签说对象未定义

来自分类Dev

Angular2 Http未定义错误

来自分类Dev

未定义Angular2装饰器

来自分类Dev

Angular2 + Webpack UncaughtReferenceError __decorate未定义

来自分类Dev

属性未定义的Angular2和TypeScript

来自分类Dev

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

来自分类Dev

未定义Angular x2js xml

来自分类Dev

Angular2 Http未定义错误

来自分类Dev

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

来自分类Dev

Angular2注入服务未定义

来自分类Dev

angular2中未定义的“触摸”

来自分类Dev

TypeError-函数未定义-Angular 2

来自分类Dev

Meteor-Angular2-ReferenceError:系统未定义

来自分类Dev

Angular 2 form.value属性未定义

来自分类Dev

Angular 2在注入服务上未定义

来自分类Dev

从angular2调用rest api导致未定义

来自分类Dev

Angular 2 ngFor访问属性时未定义

来自分类Dev

Angular2 - 输入值未定义

来自分类Dev

Angular2 ActivatedRoute参数未定义