带有 ngFor 的 Angular 2 阅读列表？答案

【问题标题】：Angular 2 Reading List with ngFor on View?带有 ngFor 的 Angular 2 阅读列表？
【发布时间】：2017-11-17 03:10:17
【问题描述】：

我正在尝试使用 ngFor 从 WebApi 读取列表，但它对我不起作用。

export class MembershipPage {

memberships: any = [];


constructor(public navCtrl: NavController, public authservice: AuthService) {

}


ionViewDidEnter() {
    this.authservice.getmembers().then(
        data => {
            this.memberships.push(data);

        }
    );
}

我是这样从视图中调用的`

<ion-content>
  <ion-list>
    <ion-item *ngFor="let member of memberships">{{member.Name}}
    </ion-item>
  </ion-list>

在我的 ion-item 上获取我的数据 [Object object]。有什么问题？我不明白。

【问题讨论】：

有错误信息吗？可能您的member 对象没有name 属性。
没有错误消息，是的，我的列表中有 name 属性。
您的data 看起来如何？试试console.log(data) 看看吧。
使用数据数组内容编辑问题。您可以通过将console.log(data) 添加到data => { this.memberships.push(data);} 来查看它

标签： angularjs list cordova ionic2 ngfor

【解决方案1】：

试试这个：

ionViewDidEnter() {
     this.authservice.getmembers().then( data => {
         this.memberships = data;
     } ); 
 }

【讨论】：

很高兴它有帮助。 :)