如何將“repeat()”css 函數與 Angular ngStyle 指令結合使用？

Question

讓我們假設您在某個組件的 html 模板中有div ：

<div [ngStyle]="{'grid-template-columns': repeat(5, 20%)}"></div>

如何使repeat() css 函數在這種情況下工作？

Answer 1

你只需要把右邊放在引號中：

<div [ngStyle]="{'grid-template-columns': 'repeat(5, 20%)'}"></div>