2017-10-16 142 views
2

我正在顯示來自後端系統的數據。數據來自表格,用於接收新行的時間窗口。我有一個機制來獲取角定時器內的這些行。我的問題,鑑於下面的模板,我如何將這些新行添加到我的列表中,如下所示,而不用重繪整個列表。以角度將行添加到現有數據列表中

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

`

回答

3

新的值更新使用陰影DOM。

+0

偉大的,這是我正在尋找的答案。我會試試看。謝謝 –

0

你看從rxjs的obserbvables?

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

他們可以提供一個變量,automaticaly與由於您使用的角度2+版本,你不必擔心重繪列表部分,因爲它會自動處理它提供

+0

我用這個定時器。我更想到UI部分。當我的計時器打勾時,我將調用服務並獲取新行。我想將新行添加到我的數據列表中,而不用重繪整個列表。不知道如何觀察將有助於在這裏 –

+0

說Shubham Agrawal'事實上你無事可做,我只是做了一個嘗試,你的代碼完美的工作 – Flow