Цикл в многомерных массивах в угловых и машинописных - PullRequest
Новая
       5

Цикл в многомерных массивах в угловых и машинописных

0 голосов
/ 04 ноября 2018

У меня есть массив, каждый элемент этого массива имеет объект с некоторыми свойствами и двумя массивами: 

           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, но не могу сделать массив для массива attachments.

шаблон: 

<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;
        }
    }
}

Как я могу сделать этот цикл и сделать цикл для массива сообщений и массива вложений?

...