对象数组的角度局部化

Question

我在angular组件中有一个对象数组，如下所示：

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
}

在我的模板中，我在我的自定义选择组件中使用它，如下所示：

<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文件中的每一项提供一个合适的转换单位。