Ember js: обновить сингл li вместо enitre ul

Question

У меня есть одна страница, которая отображает список аналогичных элементов с использованием комбинации html ul и li. Этот список должен получать обновление в регулярном интервале, когда когда-либо какой-либо элемент li (значение) изменяется на back-end. Это происходит. Моя проблема в том, что я просто хочу обновить/перерисовать конкретный список, который был обновлен не всей html ul (весь элемент списка). Я использую # в моем шаблоне. Есть ли способ достичь этого? Пожалуйста, руководство по этому вопросу.

Answer 1

Если you're полагаться на каждый список дырки обновляются при изменении входного, вы можете создать список компонентов, где компонент представляет каждый элемент

{{#each listItems as |item|}} 
    {{item-component content=item}} 
{{/each}} 

Так ListItems будет обновлять только если there're новые элементы (.property ('input. []')), и компонент будет обновлять содержимое самого элемента, если он изменен.