理解 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 

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

它会产生一些输出，很可能是一个分配给 height.px

的数字

ngStyle是有的，因为高度需要在运行时动态计算。