如何将angular 5指令中的翻译字符串作为属性值传递？

Question

我为Read More创建了一个简单的角度指令。为了使用该指令，我编写了以下代码

<p [readMore]="profile?.profileSummary" [length]="100" 
   [showMoreText]="{{ 'SHOW_MORE' | translate }}" 
   [showLessText]="{{ 'SHOW_LESS' | translate }}">
{{profile?.profileSummary}}</p>

但是这个模板没有被解析，因为我正在传递翻译Key，作为一个属性值，但是当我将唯一的字符串传递给它时，它的工作正常。

如何将转换键传递给Angular指令中的属性值？

Answer 1

使用属性绑定执行此操作：

 [showMoreText]="'SHOW_MORE' | translate " 

或使用插值：

 showMoreText="{{ 'SHOW_MORE' | translate }}"

请阅读official doc中有关属性绑定或插值的详细信息