我试图呈现 JSON 数据,我做如下...
@Component({
selector:'free-ip',
templateUrl:'./freeip.component.html'
})
export class FreeIpComponent implements OnInit{
getData:string[];
constructor(private http: FreeIpService){}
getFreeIp(){
this.http.getData()
.subscribe(
data => this.getData
);
}
ngOnInit(){
this.getFreeIp();
}
}
我的 JSON 格式...
[{"name":"1(К2)","ipange":"85.143.77.64/26","count":14},
{"name":"1(К2)","ipange":"109.123.184.128/26","count":31},
{"name":" 7","ipange":"109.123.188.128/25","count":60}]
请帮助我,如何将数据呈现为 html?谢谢你。
试试这个:- freeIpService.ts 文件:-
import { Injectable } from '@angular/core';
import { Http, URLSearchParams} from '@angular/http';
export class FreeIpService {
constructor(private http: Http) { }
getFreeIp(){
this.http.get('src/assets/data/freeId.json').map(response => response.json()
}
}
FreeIpComponent.ts 文件:-
import { Component, OnInit } from '@angular/core';
import { FreeIpService } from './freeIpService';
export class FreeIpComponent implements OnInit{
getData:any;
constructor(private FreeIpService: FreeIpService){}
ngOnInit(){
this.FreeIpService.getFreeIp().subscribe(response => { this.getData = response}, err => console.log(err), ()=> console.log(this.getData));
}
创建服务文件并粘贴 service.ts 代码并创建组件并粘贴 component.ts 代码。在资产文件夹中创建数据文件夹并在数据文件夹中创建 json 文件 freeId.json 文件并将 json 代码粘贴到此文件中。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句