2个html 之间传递json,如何将数据从json文件传递到Angular 2的html文件中？

wordCloud.ts

export class HomePageComponent {

wordcloudData : Array;

private searchField : string;

private wordsApi : string;

wordClouds: any[] = [];

errorMessage: string;

listId:any = 1;

@Input() data : any;

@Input() testProperty : any;

@Input() dataField : string;

@Input() apiUrl : string;

constructor(public wordCloudListService: LexiconListService) {}

getWordCloudList() {

this.wordCloudListService.get('/assets/adhoc-search.json')

.subscribe(

wordClouds => {

EmitterService.get(this.listId).emit(wordClouds);

},

error => this.errorMessage = error

);

}

ngOnInit() {

this.getWordCloudList();

EmitterService.get(this.listId).subscribe((wordClouds:any) => {this.wordClouds});

}

}

wordCloud.html

正如您所看到的，我试图加载json数据并将数据显示到wordCloud hmtl中。我目前遇到困难吗？有什么我做错了吗？如何通过wordClouds数组中的值来显示它？