列表视图未在使用 Angular 的混合移动应用中显示数据

Question

我是带有 angular 应用程序的 ionic 新手，我正在尝试使用以下代码显示列表视图，但我收到如下所示的异常，有人可以建议我如何解决这个问题吗

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

首页

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { DetailPage } from '../detail/detail';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
private arrayList:Array<any>=[];
constructor(public navCtrl: NavController) {
}
ionViewDidLoad() {
this.arrayList = [{name:"Ramakrishna1",email:"[e-mail]",phoneNumber:"8008824731"},
{name:"Ramakrishna2",email:"[e-mail]",phoneNumber:"8008824731"},
{name:"Ramakrishna3",email:"[e-mail]",phoneNumber:"8008824731"},
{name:"Ramakrishna4",email:"[e-mail]",phoneNumber:"8008824731"},
{name:"Ramakrishna5",email:"[e-mail]",phoneNumber:"8008824731"},
{name:"Ramakrishna6",email:"[e-mail]",phoneNumber:"8008824731"},
{name:"Ramakrishna7",email:"[e-mail]",phoneNumber:"8008824731"},
{name:"Ramakrishna8",email:"[e-mail]",phoneNumber:"8008824731"},
{name:"Ramakrishna9",email:"[e-mail]",phoneNumber:"8008824731"}];
}
}

首页.html

<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>

Answer 1

变量arrayList是私有的，因此您无法在--prod模式下在模板中访问它。如果没有在模板中读取，它被认为是未被 linter 使用的。

把它变成

arrayList:Array<any>=[];

没有private.默认访问修饰符是公共的，您需要它是公共的才能在模板中读取。