Понимание NgStyle

Question

Я относительно новичок в Angular и хотел бы понять, что означает следующий синтаксис:

<div *ngFor="let day of week; index as i;" [ngStyle]="{'height.px': day | arrLength : arrLength : 'height' : i}">
    //do something
</div>

Это канал внутри привязки стиля? почему после трубы 3 колона?

Answer 1

Двоеточие дерева после arrLength Pipe является входом для самой трубы. Труба - это просто функция, которая получает параметры в качестве входных данных, в этом случае функция трубы будет выглядеть как

@Pipe 

    transform(day,arrLength,height, i) {}

, и она выдаст некоторый вывод, скорее всего, число, которое будет присвоено height.px

ngStyle существует, потому что высоту нужно вычислять динамически во время выполнения.