Question

我正在尝试显示从API获取的数据列表。 当页面加载时，表示错误数组未定义。但控制台会打印数组。

这是我到目前为止所做的。

update.html

<ion-item ng-repeat="e in errorList">
      <ion-label>{{e.name}}</ion-label>
      <ion-radio value=""></ion-radio>
</ion-item>

我试过发送nav params。在构造函数和ionViewWillEnter（）

上调用fetching函数

update.ts

export class AboutPage {
  errorList: any;
  error: string;
  errors: {};
  nav: NavController;

constructor(public navCtrl: NavController, public navParams: NavParams, private errorService: ErrorServiceProvider) {
  this.nav = navCtrl;
  this.error = "";
  this.errors = this.navParams.get('errors');
  this.errorList = [];
 }

ionViewWillEnter() {
  this.fetchErrors();
}

fetchErrors() {
  this.errorService.getErrors()
   .then(data => {
     this.errorList = data;
     console.log(this.errorList);
});
 }

selectError() {
    console.log(this.errors);
    console.log(this.errorList);
  }
}

Answer 1

你在这里犯了一个愚蠢的错误，而不是 ng-repeat 使用 ngFor ，因为它是有角度的，也可以使用elvis运算符来检查价值存在

<ion-item ngFor="let e in errorList">
      <ion-label>{{e?.name}}</ion-label>
      <ion-radio value=""></ion-radio>
</ion-item>

离子视图不会对来自API的获取数据进行ng-repeat

1 个答案: