Угловая строковая интерполяция в шаблоне

Question

Что является лучшим методом для интерполяции строк в атрибуте в Angular 6.

У меня есть этот код:

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

Я хочу использовать что-то вроде 'repeat(${value})' Whit Backtick

Answer 1

Вы можете попытаться переместить функциональность в свой компонент и использовать там обратные пометки:

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

и в шаблоне:

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