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

Question

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

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

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

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

Answer 1

您使用属性绑定：

 [showMoreText]="'SHOW_MORE' | translate "

或使用插值法：

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

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

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

How to pass translation string in angular 5 directive as an attribute value?

typescript

angular-directive

ngx-translate

ionic3

angular