角通道插值作为函数参数

Question

我有一个显示工具提示的函数。这个函数接受字符串参数。我想把翻译后的字符串传递给这个函数。但是当我传递该值时，它不会被解析并显示为文本。

'<input type="text" class="form-control" placeholder="{{'placeholder_val'|translate}}" ngModel name="name"
[ngbPopover]="tipContent" popoverClass="help-tips" [autoClose]="'outside'" triggers="manual"
#p1="ngbPopover"
(click)="toggleTips(p1, '{{`tootltip_val`|translate}}')">'

Answer 1

你的意思是:

(click)="toggleTips(p1, {{'tootltip_val' | translate}})"

不是

(click)="toggleTips(p1, '{{`tootltip_val`|translate}}')">

<input
type="text"
class="form-control"
placeholder="{{'placeholder_val' | translate}}"
ngModel
name="name"
[ngbPopover]="tipContent"
popoverClass="help-tips"
[autoClose]="'outside'"
triggers="manual"
#p1="ngbPopover"
(click)="toggleTips(p1, {{'tootltip_val' | translate}})" />

还请注意，您的变量命名为tootltip_val而不是tooltip_val，也许这也是错误的来源?

最后:

• 如果tootltip_val是静态字符串那么{{'tootltip_val' | translate}}就可以了。
• 如果tootltip_val是动态变量设置在你的.ts文件中，你应该使用{{tootltip_val | translate}}