我得到一个运行时错误,因为无法读取未定义的属性listArr.我需要在多个组件中重用相同的数组.这就是我使用Global数组的原因
Global.ts：
export class Global {
public static listArr: ObservableArray<ListItem> = new ObservableArray<ListItem>();
}
ts文件：
Global.listArr.push(data.items.map(item => new ListItem(item.id,item.name,item.marks)));
html文件：
<ListView [items]="Global.listArr" > </ListView>
我建议你去共享服务.保持服务中的全局数组将服务标记为app.module中的提供者i：e您的主模块.
原文链接：https://www.f2er.com/angularjs/240480.htmlService
import { Injectable } from '@angular/core';
@Injectable()
export class Service{
public static myGloblaList: string[] = [];
constructor(){}
}
将它添加到NgModule的providers数组中.
现在您可以在任何组件中使用它
constructor(private service : Service){
let globalList = this.service.myGlobalList;// your list
}
我选择服务的原因是它使用Angular的依赖注入,它是拥有全局变量并在组件之间共享的最佳Angular方式.
