Question

我有一个数组，该数组的每个项目都有一个带有一些属性的对象和两个数组：

           0:
           Attachments: []
           Content: "dfsdfsdfsd "
          ID: 15
           Messages:[
            0:
          ID: 23
          Message_Contant_ID: 15
          Recipient: null
          Recivie_DateTime: "2018-10-19T15:08:11.593"
          Seen_DateTime: null
          Sender: null
          User_From_Id: 96
          User_To_Id: 12
         ]

当我在模板中创建ngfor时，我可以为父数组和Message数组创建一个循环，但不能为附件数组创建一个数组。

模板：

<ion-list no-lines *ngFor = "let chat of chats; " >           
    <ion-item  text-wrap *ngFor = "let Message of chat.Messages;  " >

    <ion-avatar item-left    >
      <img src="../../assets/imgs/gonna.png" >
    </ion-avatar>


    <div class="bubble me"    >
      <h3>{{(chat)?.Contant}}</h3>
      <img id="photo"[src]="imgSrc" />
    </div>

    <ion-avatar item-right      >
      <img src="{{'data:image/jpeg;base64,' + publisherPic}}">
    </ion-avatar>

    <div class="bubble you"   >
      <h3> {{(chat)?.Contant}} </h3>
      <img id="photo"[src]="imgSrc" />
    </div>

  </ion-item>
</ion-list>

我试图在组件中制作附件数组。但是它不能像消息数组那样工作。

getAll(){
    this.ChatProvider.getMyData('senderId=' + this.puplisherId).then((data) => {
    this.responseData = data;
    console.log(this.responseData); 
    this.content.scrollToBottom();

    this.chats = this.responseData
    this.chatImage = this.responseData.Attatchments

    for (let i = 0; i < this.chats.length; i++) {
        console.log( this.chats[i]) 

        if (this.chats[i].Attatchments.length != 0 ) {
        this.photo = this.chats[i].Attatchments[0].FileData
        this.imgSrc = 'data:image/jpeg;base64,' + this.photo;

        for (let j = 0;j < this.chats[i].Attatchments.length; j++) {
            this.photo = this.chats[i].Attatchments[j].FileData
            this.imgSrc = 'data:image/jpeg;base64,' + this.photo;
        }
    }
}

如何进行此循环以及对message数组和附件数组进行循环？

以角度和打字稿循环进入多维数组

0 个答案: