角度jsでng-repeatを再実行するには

Question

誰でも、ある時間間隔の後にng-repeatを再実行するのを手伝ってください。 私はしばらくの間、配列を持っており、私はいくつかのサーバー時間と比較しています。しばらくしてから、私は手動でアレイを繰り返してください。

$scope.list = { 
    "SERVER_DATE_TIME": "2016-05-16T10:04:36.318-05:00", 
    "list": [{ 
     "displayDate": "2016-05-16T10:03:36.318-05:00", 
     "pageId":"1" 
    }, { 
     "displayDate": "2016-05-16T10:02:36.318-05:00", 
     "pageId":"2" 
    }, { 
     "displayDate": "2016-05-16T10:01:36.318-05:00",m 
     "pageId":"3" 
    }] 
} 

HTML：

<div class="list" ng-repeat="list in newsList track by list.pageId"> 
    <span elapsed-time data-datetime="list.displayDate"> </span> 
</div> 

Javascriptを：

$interval(function() { 
    // update "SERVER_DATE_TIME" and re run 
    $scope.list = angular.copy($scope.list); 
}, 1000 * 5 * 60); 

ので、経過時間ディレクティブでは、時間の差分を示すSERVER_DATE_TIMEと表示日付を比較しています。

$$hashKeyが利用可能であるため、トラックを挿入しないとうまくいきます。しかし、もし私がlist.pageIdでトラックを入れたら、は配列に存在せず、再実行は起こっていません。

私はこの作業を手伝ってください。あなたはあなただけの$ scope.listと角度を更新する必要があります..データ上で「繰り返しますが」する必要はありません

Answer 1

は自動的に（つまり、データバインディングです;）それを適用します

<div class="list" ng-repeat="l in listl.list track by l.pageId"> <span elapsed-time data-datetime="l.displayDate"> </span> </div> 

Answer 2

それはですあなたのリストのデータが実際には変更されていないので、強制的にng-repeatを再起動するのは悪い考えです。変更されたのはサーバーの時間ですので、 代わりにelapsedTimeディレクティブがそれを処理するのがより理にかなっていると思います。

あなたのようなディレクティブ何かにSERVERTIMEを渡すことができます。

<span elapsed-time data-datetime="listItem.displayDate" data-servertime="serverTime"> </span> 

あなたのディレクティブのようなSERVERTIME何かのウォッチャー作成します。あなたは//更新を行うだろうコントローラで

$scope.$watch('servertime', (serverTime) => {//re-eveluate relative time}); 

を」 SERVER_DATE_TIME "を$ intervalループで実行し、ng-repeatの再トリガーについて心配する必要はありません。

Answer 3

データpageIdは変更されていないため、この要素はすでにレンダリングされており、再度レンダリングする必要はありません。 track byは、リスト/配列内の要素を一意に識別するために使用されます。 track by $indexを使用すると、すべて正常に動作します。 pageIdで要素を追跡する理由はありますか？ 並べ替えまたはフィルタリングする場合は、track byの代わりに適切なフィルタを使用する必要があります。たとえば、並べ替えの場合はthis oneです。