将字符串绑定到具有匹配名称

Question

此列表根据点击的项目设置abc的值。

<ul>
    <li><a ng-click="abc = 'score'">Score</a></li>
    <li><a ng-click="abc = 'count'">Count</a></li>
    <li><a ng-click="abc = 'average'">Average</a></li>
</ul>

List.items包含与score，count和average对应的值。项目按abc的值排序。

<ul>
    <li ng-repeat="item in list.items | orderBy:'-' + abc">
        {{ 'item.' + abc }}
    </li>
</ul>

我唯一的问题是这一行：{{ 'item.' + abc }}

如何根据{{ item.score }}的值绑定{{ item.count }}，{{ item.average }}或abc的值？

Answer 1

当对象属性是变量时，使用[]对象表示法。这是标准的JavaScript练习

 {{ item[abc] }}