Angular css 按钮的工具提示中不允许使用 ngx 翻译

Question

在一个 angular 9 项目中，我正在使用 ngx-translate 并且还有 css 工具提示。

我在 app.component.html 中添加了一个按钮。

<button
    type="button"
    tooltip={{ 'TITLE' | translate }}
    tooltip-position='right'>
</button>

我对这行有疑问：

tooltip={{ 'TITLE' | translate }}

我也试过这样做：

tooltip="{{ 'TITLE' | translate }}"

但我得到：

Can't bind to 'tooltip' since it isn't a known property of 'button'.

但我知道它有效，因为当我这样做时：

tooltip="Some text here"

它将显示工具提示。

我该如何解决这个问题？有解决办法吗？

Answer 1

尝试 [title]="'TITLE' | 翻译"

Angular ngx translate not allowed in css tooltip in button