属性模板中的角度字符串插值

Question

Angular 6中属性中字符串插值的最佳实践是什么？

我有这个代码：

<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)}">