Angular 属性模板中的字符串插值

Question

Angular6 中属性中的字符串插值的最佳做法是什么？

我有这个代码：

<div class="container" [ngStyle]="{'grid-template-rows': 'repeat(' + value + ', 1fr) [last-line]'}">

我想使用类似 'repeat(${value})' 的反引号

Answer 1

您可以尝试将功能移动到您的组件并在那里使用反引号：

calculateStyle(value: string): string {
   return `repeat(${value}, 1fr) [last-line]`;
}

并在模板中：

<div class="container" [ngStyle]="{'grid-template-rows': calculateStyle(value)}">

Angular String interpolation in attribute template