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

Question

Answer 1

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

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

在模板中：

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

Answer 2

我来这里寻找问题的答案，虽然 Mauricio 根据有关在模板中使用方法的文章表达了意见，但我认为根据具体情况来看这很好。

但是，我想根据模板中的逻辑构建一个字符串 - 就像问题所述。在我对版本 14+ 的测试中，可以使用双大括号进行连接。例如：

<someComponent
  someProperty="{{someObj?.anotherProp}}{{someVar ? ' [TEST]' : null}}">
</someComponent>

请注意，您需要省略属性上的方括号。