从json文件中提取数据并将其显示给DataTable - Angular2

我是Angular2中的新成员，无法解决下一个问题。我将非常感谢您的帮助。我在data.json文件中的一些数据：从json文件中提取数据并将其显示给DataTable - Angular2

[ 
{ 
    "name": "Jayme", 
    "email": "[email protected]", 
    "regDate": "2016-02-07T10:22:09-08:00", 
    "city": "Ville de Maniwaki", 
    "age": 30 
    }, 
    { 
    "name": "Bo", 
    "email": "[email protected]", 
    "regDate": "2016-08-16T20:42:44-07:00", 
    "city": "Pak Pattan", 
    "age": 24 
    }, 
    { 
    "name": "Matthew", 
    "email": "[email protected]", 
    "regDate": "2015-05-01T01:53:59-07:00", 
    "city": "Alacant", 
    "age": 35 
    }, 
    { 
    "name": "Justina", 
    "email": "[email protected]", 
    "regDate": "2015-06-24T14:38:07-07:00", 
    "city": "Kobbegem", 
    "age": 22 
    } 
]

这是我sit_log.component.ts

import { Component,OnInit } from '@angular/core'; 
import {Http} from "@angular/http"; 

@Component({ 
    selector: 'sit_log', 
    templateUrl: './sit_log.html' 
}) 
export class SIT_log implements OnInit{ 

    public data; 
    public filterQuery = ""; 
    public rowsOnPage = 10; 
    public sortBy = "email"; 
    public sortOrder = "asc"; 

    constructor(private http: Http) { } 

    ngOnInit(): void { 
    console.log(window.location.href); 

    this.http.get("http://localhost:4200/index.html#/pages/sit_log/data.json") 
     .subscribe((data)=> { 
      setTimeout(()=> { 
       this.data = data.json(); 
      }, 1000); 
     }); 
    } 

}

当我运行代码，我收到一个错误：

core.es5.js:1084 ERROR SyntaxError: Unexpected token < in JSON at position 0 
at Object.parse (<anonymous>) 
at Response.Body.json (http.es5.js:800) 
at SafeSubscriber._next (sit_log.component.ts:23) 
at SafeSubscriber.__tryOrUnsub (Subscriber.js:238) 
at SafeSubscriber.next (Subscriber.js:185) 
at Subscriber._next (Subscriber.js:125) 
at Subscriber.next (Subscriber.js:89) 
at XMLHttpRequest.onLoad (http.es5.js:1229) 
at ZoneDelegate.webpackJsonp.688.ZoneDelegate.invokeTask (zone.js:424) 
at Object.onInvokeTask (core.es5.js:4140)

有人想法吗？此致敬礼。

来源

2017-06-01 Evgeny

微调的空间在'data.json' –

@OluwafemiSule前面的内容我不认为这会引起其他错误在应用 –

@evgeny尝试使用'的console.log（数据）'在分配之前，我认为你正在获取JSON格式的数据，并且你又将其解析为JSON格式。 –

感谢您的回复:) 我将data.json文件替换为资产/数据指令，并且一切正常。再次感谢:)

来源

2017-06-02 13:03:46 Evgeny

从json文件中提取数据并将其显示给DataTable - Angular2

回答

相关问题