Polymer execute complete dom-repeat after immediately dirty checking and assigning -
i have array contains sub-properties, sub-properties again objects , sub-arrays.
when api response server used display using dom-repeat , when api response of same format minor change in value, replace old array new array dirty checking like
<template is="dom-repeat" items="{{arr}}"> //paper list codes display </temlate> this.arr = []; this.arr = newarrayfromresponse; but when paper list update values changed, dom-repeat not create nodes, update nodes values have changed.
when clear array this.arr = []; in case, destroy nodes,
but if reassign once again update nodes.
how clear nodes , execute dom-repeat scratch? tried polymers array mutation , render() function , reffered https://github.com/polymer/polymer/issues/4041 didn't work!! each time.
i need render dom-repeat in similar way it's rendering first time, blank screen , immediate rendering
i think polymer detects values have not changed , there performance optimisation happening. try setting new values asynchronously.
this.arr = []; this.async(function() { this.arr = newarrayfromresponse; }); why work , code not? know exactly, need @ polymer code. guess polymer not update dom after each assignment this.arr, somewhere later. when update, in solution this.arr = newarrayfromresponse has happened , empty array never rendered. polymer still has copy of old array around , realises same array new items , adds new items. solution introduces tiny delay. polymer render empty array , later render new one.
Comments
Post a Comment