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

标签 javascript angular angular-template

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

我有这个代码:

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

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

最佳答案

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

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

在模板中:

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

关于javascript - 属性模板中的 Angular 字符串插值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52442592/

相关文章:

Angular - 如何更改工作区名称?

angular - 创建自定义管道以使用 Angular 谓词过滤值

在组件库中找不到 Angular html 文件

javascript - 在js表搜索期间保持行填充

javascript - 计算具有相同类别的每个元素的 margin

angular - 使用 ADAL Angular 6 Wrapper 调用 API

javascript - 如何在不使用@angular/router 的情况下添加查询参数

javascript - 调用 AJAX 通过按钮发送值

javascript - Jade 不渲染外部 JSON

javascript - 模板变量始终未定义 ngOnChanges