如何结合 Angular ngStyle 指令使用“repeat()”css 函数？

Posted 2023-02-23

【中文标题】如何结合 Angular ngStyle 指令使用“repeat()”css 函数？

【英文标题】：How to use "repeat()" css function combined with Angular ngStyle directive?

【发布时间】：2021-01-12 09:37:00

【问题描述】：

假设您在某个组件的 html 模板中有 div：

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

如何使repeat() css 函数在那种情况下工作？

【参考方案1】：

你只需要把右边放在引号里：

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