angular 對象數組的本地化

Question

我的 angular 組件中有一個 object 數組，如下所示：

export class Result implements OnInit {
    sortBy = [
        { id: 'total', name: 'Sort by Price' },
        { id: 'time', name: 'Fast tour' },
        { id: 'delDate', name: 'Sort by delivery date' },
        { id: 'readyDate', name: 'Sort by tour ready date' }
      ];

....rest of code
}

在我的模板中，我在我的自定義 select 組件中使用它，如下所示：

<app-material-select
                formControlName="sortBy"
                defaultValue="total"
                labelName="Sort by"
                [options]="sortBy" >
              </app-material-select>

而且我試圖做一個工作來使用 angular-localize 進行翻譯，但實際上沒有找到，所以有什么想法嗎？

Answer 1

今晚我遇到了完全相同的問題，我找到了解決辦法。 由於我對 Angular 系列還很陌生，請考慮我的方法可能是幼稚的。

我想你想翻譯 sortBy 數組中的項目。 你可以告訴 Angular 用 $localize 提取每個。 因為 $localize 似乎返回的是字符串類型，所以不能直接在 sortBy 上使用。 所以，在你的情況下，你會得到這樣的東西（假設你不想翻譯 id）：

export class Result implements OnInit {
    sortBy = [
        { id: 'total', name: $localize`Sort by Price` },
        { id: 'time', name: $localize`Fast tour` },
        { id: 'delDate', name: $localize`Sort by delivery date` },
        { id: 'readyDate', name: $localize`Sort by tour ready date` }
      ];

....rest of code
}

Angular 將在解壓后為您的 .xlf 文件中的每個項目提供適當的 trans-unit。