Listview未使用Angular在混合移动应用程序中显示数据

我是爱奥尼亚angular应用程序的新手，我正在尝试使用下面的代码显示listview，但我遇到了如下所示的异常。有人能建议我如何解决这个问题吗

'arrayList' is declared but its value is never read.
      L9:  export class HomePage {
      L10:    private arrayList:Array<any>=[];
      L11:    constructor(public navCtrl: NavController) { }

“arrayList”已声明，但从未读取其值。
L9：导出类主页{
L10:private arrayList:Array=[]；
L11:构造函数（公共navCtrl:NavController）{}

home.ts

从'@angular/core'导入{Component}；
从'ionic angular'导入{NavController}；
从“../detail/detail”导入{DetailPage}；
@组成部分({
选择器：“主页”，
templateUrl:'home.html'
})
导出类主页{
私有arrayList:Array=[]；
构造函数（公共navCtrl:NavController）{
}
ionViewDidLoad（）{
this.arrayList=[{name:“Ramakrishna1”，电子邮件：rk1@gmail.com，电话号码：“8008824731”}，
{姓名：“罗摩克里希纳2号”，电子邮件：rk2@gmail.com，电话号码：“8008824731”}，
{姓名：“罗摩克里希纳3号”，电子邮件：rk3@gmail.com，电话号码：“8008824731”}，
{姓名：“罗摩克里希纳4”，电子邮件：rk4@gmail.com，电话号码：“8008824731”}，
{姓名：“罗摩克里希纳5”，电子邮件：rk5@gmail.com，电话号码：“8008824731”}，
{姓名：“罗摩克里希纳6”，电子邮件：rk6@gmail.com，电话号码：“8008824731”}，
{姓名：“罗摩克里希纳7”，电子邮件：rk7@gmail.com，电话号码：“8008824731”}，
{姓名：“罗摩克里希纳8”，电子邮件：rk8@gmail.com，电话号码：“8008824731”}，
{姓名：“罗摩克里希纳9”，电子邮件：rk9@gmail.com，电话号码：“8008824731”}）；
}
}

home.html

列表视图
{{list.name}
电子邮件：{{list.Email}，号码：{{list.phoneNumber}

看法

变量arrayList是私有的，因此您无法在

--prod

-模式的模板中访问它。如果不在模板中读取它，linter会认为它未使用

把它变成

arrayList:Array<any>=[];

arrayList:Array=[]；

---

没有

private

。默认的访问修饰符是公共的，你需要它是公共的，以便在模板中可读。

你能编辑我的代码吗，因为我是初学者，这样我就可以解决我的问题了。我试过了，但列表没有显示，也没有例外。你是否正确设置了你的模块？我假设你正在遵循某种o如果所有的ionic导入和提供程序都符合上述教程的要求，但阵列列表中有微小变化，请检查模块配置

<ion-header>
  <ion-navbar color="primary">
    <ion-title>
      ListView
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
    <ion-list>
        <ion-item *ngFor="let list of arrayList" text-wrap>
            <h2>{{list.name}}</h2>
            <p>Email: {{list.email}}, Number: {{list.phoneNumber}}</p>
          <button ion-button clear item-right (click)="goToDetails(list)">View</button>
        </ion-item>
      </ion-list>
</ion-content>

arrayList:Array<any>=[];