javascript - 如何在 Angular 模板内动态访问对象的键

Question

我正在使用 ng-repeat 创建一个列表，如下所示:

<li ng-repeat="(key, value) in Myctrl.data"> {{Myctrl.resources.key}}</li>

Myctrl.data 看起来像这样:

{
personal : 
    {a: 100, b: 120}, 
professional : 
    { a: 320, b : 410}
}

现在在 MyCtrl 中，对于从 ng-repeat 获取的每个键，我在 resources 对象中有一些映射，我想获取这些键的值并将其放入列表项中。

$scope.resources = {
    personal: "Personal Details",
    professional: "Professional Details",
    freelance: "Freelance Details",
    custom: "Custom Details"
}

因此，当我的 ng-repeat 执行时，我将获得个人、专业等，并且我想替换 H​​TML 中的 resources 对象中的值。

如何将 {{Myctrl.resources.key}} 中的 key 替换为 ng-repeat 中获取的 key 的实际值。

Answer 1

试试这个...

<li ng-repeat="(key, value) in Myctrl.data">{{Myctrl.resources[key]}}</li>