如何在filter参数中使用filter？

Question

我有一个日期，我想应用一种取决于语言的格式，所以我想获取包含该格式的字符串，并将其用作日期格式设置的参数。但是它告诉我表达式没有有效的语法，怎么做呢？

Syntax Error: Token '{' invalid key at column 46 of the expression [resultsDate | date:{{'date.format' | translate] starting at [{'date.format' | translate].

{{ resultsDate | date:{{'date.format' | translate }}  }}

Answer 1

我不确定'date.format' | translate是否是调整日期格式本地化的正确方法。实际上，Angular date管道接受一个locale参数。要应用locale参数，请参见here。

也就是说，您可以使用*ngIf将第一个管道包装在<ng-container>中，并利用它的as构造来“创建”一个局部变量。<ng-container>标记不会添加额外的元素，并且会在呈现的DOM中被注释掉。

请尝试以下操作

<ng-container *ngIf="(date.format | translate) as translatedFormat">
  {{ resultsDate | date:translatedFormat }}
</ng-container>

Answer 2

你可以这样做：

{{ resultsDate | date: 'translateValue' }}

内部resultsDate管道句柄参数translateValue。