$localize 與 Angular 中的條件語句

Question

我在我的 Angular 應用程序中使用i18n進行內部化。

對於 HTML，我使用的是i18n="@@<unique_Id>" ，對於在 TS class 文件中定義的動態元素，我使用的是$localize

Example: this.buttontext = $localize`:@@Security.Ok:Click to Continue`;

我想知道如何將它用於條件語句，如下所示：

this.questionLabel = this.screenType == 'reset' ? 'Question' : 'Question 1';

也適用於動態字符串，如下所示：

this.dialogTitle = `Select Rollback point - ${this.data.number}`

Answer 1

要使用代碼 Angular（從版本 11 起）的本地化，支持以下形式的標記模板

$localize`Text to translate`

由於 $localize 只是一個 function 調用，因此在有條件的情況下，您可以像這樣使用它：

this.questionLabel = this.screenType == 'reset' ? $localize'Question' : $localize'Question 1';

對於動態字符串，您使用相同的方法

this.dialogTitle = $localize `Select Rollback point - ${this.data.number}`

本地化提取后，將為您的變量 ${this.data.number} 生成 PH 占位符，以便您可以在翻譯中使用它

您可以閱讀官方博客文章的更多信息