angular - 具有单独阵列的角环

Question

我有这些嵌套的 ng 循环来打印一些属性并使用一些属性来检查条件，但它不起作用

我的模板：

<ion-list>
    <ng-container  *ngFor = "let publisher of publisheres " >
         <ng-container *ngFor = "let card of cards" >
            <ion-item  text-wrap  *ngFor = "let Message of card.Messages"  >

              <ion-avatar *ngIf = "Message.User_From_Id == publisher.Publisher.ID" >
                    <img src="../../assets/imgs/gonna.png" >
              </ion-avatar>

        <div *ngIf = "Message.User_From_Id == publisher.Publisher.ID"  >
            <h3> {{(card)?.Contant }} </h3>
            <h3> {{(publisher)?.Publisher.name}}   </h3>
       </div>

    </ion-item>
</ng-container>
 </ng-container>
  </ion-list>

我的组件：

     getPub(){
this.showLoader();

this.authService.getData().then((data) => {
  this.responseData = data;
  console.log(this.responseData);

 this.publisheres =  this.responseData 
 this.PublishersID =  this.publisheres
 this.i= this.responseData.length
 console.log(this.i);


 this.loading.dismiss();

     }, (err) => {
      console.log('error');
      this.loading.dismiss();
   });
  }

   getChats(){
       this.authService.getUnMessage().then((data) => {
       this.responseData = data;
        this.cards = this.responseData
       console.log(this.cards);
     }, (err) => {
       console.log('error');

     });


     }

请注意，cards 和 cards.messages 是嵌套数组，但 publishers 是一个单独的数组，我用来创建条件

标签： angulartypescriptapiionic3