內部化 Angular 10 @angular/localize，$localize 不起作用

Question

我從 Angular 8 升級到第 10 版，現在使用內置模塊@angular/localize實現 i18n，一切都很好，除了我無法翻譯源代碼，根據指南，我必須使用$localize函數來翻譯代碼'controller'，在指南中說，在我使用此功能后，它應該向我顯示一個帶有ID的警告，所以我需要將它添加到翻譯文件中，但它沒有顯示。

下面是我嘗試添加的示例。

test = $localize`:meaning|description@@introductionHeader:text`;

我使用了幾個選項，添加了自定義 ID，手動添加到翻譯文件中的信息（有關行和文件的信息），但它仍然無法正常工作。

<trans-unit id="introductionHeader" datatype="html">
    <source>text</source>
    <target>Translation here</target>
    <context-group purpose="location">
        <context context-type="sourcefile">*******.ts</context>
        <context context-type="linenumber">31</context>
    </context-group>
</trans-unit> 

有誰知道是什么導致了這個問題，或者可能解決或替代方法，我如何在代碼中添加翻譯？

Answer 1

如果你只是使用“ng build”，你需要有適當的 angular.json 配置：

"architect": {
        "build": {
          "options": {
            "localize": true,
            "aot": true,
        }
}

和這里的其他設置： https : //angular.io/guide/i18n#localize-config