Ajout de rangées à une liste de données existante dans l'angle

Question

J'affiche des données d'un système dorsal. Les données proviennent d'une table qui est pour une fenêtre de temps recevant de nouvelles lignes. J'ai un mécanisme pour aller chercher ces lignes dans une minuterie angulaire. Ma question, étant donné le modèle ci-dessous, comment puis-je ajouter ces nouvelles lignes à ma liste comme indiqué ci-dessous sans redessiner la liste entière.

template: ` 
    <h1>{{title}}</h1> 
    <h2>My favorite hero is: {{myHero}}</h2> 
    <p>Heroes:</p> 
    <ul> 
    <li *ngFor="let hero of heroes"> 
     {{ hero }} 
    </li> 
    </ul> 

`

Answer 1

Puisque vous utilisez la version angulaire 2+, vous ne devez pas vous soucier de la partie de la liste de redessiner comme il se chargera automatiquement en utilisant l'ombre DOM.

Answer 2

avez-vous regardé les obserbvables de rxjs?

http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html

ils peuvent fournir une variable qui met à jour automatiquement avec la nouvelle valeur fournie