Angular - функция, вызывающая ngStyle несколько раз - PullRequest
Новая
       8

Angular - функция, вызывающая ngStyle несколько раз

0 голосов
/ 26 апреля 2018

Я хочу использовать ngStyle внутри ngFor и вызвать функцию, которая преобразует данные в круг. Проблема в том, что если я получаю около 10000+ данных, он отстает и продолжает зависать. Их преобразование - это одна часть, но, по крайней мере, после того, как они загрузились, оно должно снова работать нормально, но этого не происходит из-за ngStyle. ngStyle (и все другие двусторонние привязки) вызывает функцию каждый раз, когда я перемещаюсь с помощью мыши, или она обнаруживает изменения.

Итак, мой вопрос: есть ли способ обойти эти множественные вызовы и просто вызвать одноразовый ngStyle для каждого элемента данных или есть другой способ изменить стиль элемента, вызвав функцию внутри ngFor? (пробовал также с viewChild, но пока не работал).

component.html 

<div *ngFor="let data of arrData; let i = index">
   <ul>
       <!-- rotateAngleArray got numbers which defines the position/direction 
of the data -->
      <li [ngStyle]="{ 'transform': 'rotate(' + rotateAngleArray[i] + 'deg) translate(0,' + -objHeight + 'px) rotate(' + -rotateAngleArray[i] + 'deg)' }">
       <!-- or <li [ngStyle]="getRotation()" ... same result -->
        <div>{{ data }}</div>
      </li>
   </ul>
</div>
...