离子视图不会使用从 API 获取的数据呈现 ng-repeat

Question

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

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

update.html

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

我已尝试作为导航参数发送。在构造函数和 ionViewWillEnter() 上调用获取函数

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 因为它是有角度的，也使用猫王运算符来检查值是否存在

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