Angular 動態翻譯切換按鈕文本

Question

我有這個切換，可以擴展我想要兩種語言的文本。 通常我使用 | 翻譯並在 json 文件 (i18n) 中添加翻譯后的文本，但這次它不起作用。 我可以用 *ngIfs 解決這個問題嗎？ TIA。

這是我的代碼：

<div  (click)="showMore()">
              <span class="cursorPointer material-icons align-text-bottom"> {{ !isReadMore ? 'keyboard_arrow_down': 'keyboard_arrow_up' }}</span>
              <span *ngIf="">{{ isReadMore ? 'lang1': 'lang2' }}</span>
              <span *ngIf="">{{ isReadMore ? 'lang1': 'lang2' }}</span>
            </div>

Answer 1

{{ (!isReadMore ? 'keyboard_arrow_down': 'keyboard_arrow_up') | translate }}