данные из сокета io не показывают все в поле зрения

Question

Я получаю данные из сокета IO этого JSON каждые 10 секунд.

data { "nr": "1" }
data { "nr": "2" }
.
.
.
.
data { "nr": "5555" }

У меня есть эта функция в тс:

....
mydata:any;

constructor(private zone:NgZone) {
  super()
}

....
socketIO.on('hello', (data) => { 
  this.zone.run(()=> {
    console.log('data', data);
    this.mydata= data;
  }); 
});

в html Nativescript:

<StackLayout>
  <Label text={{mydata}}></Label><br/>
</StackLayout>

Теперь проблема в поле зрения, я хочу напечатать все данные, 1, 2, 3, 4, ..., 5555

не только конец точки 5555

Есть идеи, пожалуйста, как распечатать все данные?

Answer 1

Вы должны преобразовать mydata в массив.

HTML

<StackLayout >
        <!-- json pipe just neatly outputs the data -->
        <Label text={{ mydata | json }}></Label>
       <!-- Or to list items one by one --->
       <Label *ngFor="let label of mydata; let i = index" text={{ label.nr }}> 
       </Label>
</StackLayout>

TS ....

mydata:any = [];

constructor(private zone:NgZone) {
    super()
}

    ....
    socketIO.on('hello', (data) => { 
        this.zone.run(()=> {
           console.log('data', data);
           this.mydata.push(data);
        }); 
    });

Примечание: тег <br> недопустим в среде {N}