Dynamiczna aktualizacja szablonów powtarzających się domami poprzez zmianę podstawowej tablicy

Question

Czy istnieje metoda Polymer dom api lub inne sposoby automatycznej aktualizacji powtarzanego szablonu z dodatkowymi elementami, jeśli podstawowa tablica zostanie zaktualizowana?

Mam tablicę dynamiczną, która jest aktualizowana wielokrotnie przez wywołania ajax. Ta tablica ciągle zmienia jej długość (elementy są przyrostowo dodawane lub usuwane na podstawie odpowiedzi ajax). Tablica jest odzwierciedlona w dokumencie przez <template is="dom-repeat">. Czy istnieje sposób na automatyczną aktualizację domeny po zaktualizowaniu podstawowej tablicy?

Obecnie jedynymi sposobami widzę są

1. Identyfikacja przyrostowych aktualizacji i ręcznie dołączyć lub usunąć węzły.
2. Usunąć cały kontener szablonu powtarzania i ponownie wstawić nowy szablon. Wciąż nie wiem też, czy mogę dynamicznie stemplować nowy szablon. czy to możliwe? Jednym ze sposobów, w jaki mogę to osiągnąć, jest posiadanie innego niestandardowego elementu, który powoduje ponowne stemplowanie szablonu, a gdy pojawia się aktualizacja tablicy, usuń bieżący element, dołącz nowy element, przekazując zaktualizowaną tablicę do elementu.

Używając opcji 2, nie będę mógł korzystać z efektów przejścia z listy automatycznie aktualizowanych w widoku. Chcę móc korzystać z tych efektów.

Answer 1

Jeśli zaktualizujesz tablicę o this.push('myarray', {item});, to spowoduje to wywołanie obserwatorów wiążących Polymer. Więcej informacji znajduje się w dokumentacji pod adresem https://www.polymer-project.org/1.0/docs/devguide/properties#array-mutation