带管道的Angular 2动态字符串

Question

我正在尝试设置动态页面标题并使用管道，但我似乎无法在同一时间渲染字符串并使用管道。

没有管道的标题是<ion-title> Add {{pageTitle}} transaction </ion-title>，它变为＆＃34;添加付款交易＆＃34;或者＆＃34;添加收入交易＆＃34;。渲染标题后，我希望能够使用名为translate的语言翻译管道，如Add {{pageTitle}} transaction | translate。

我试过了：

{{ Add {{pageTitle}} transaction | translate }}

{{ Add ${pageTitle} transaction | translate }}

{{ `"Add ${pageTitle} transaction"` | translate }}

Answer 1

{{ 'Add ' + pageTitle + ' transaction' | translate }}