Chrome中的AngularJS ngRepeat orderBy

Question

我有一个简单的应用程序，可以在 Angular 中显示多行数据。当控制器最初加载数据时，我希望行以它们添加到我的 rows 数组的相同顺序出现。因此，orderBy 属性最初将设置为空字符串。单击列标题应将orderBy 属性设置为适当的值。

这是我的小提琴：http://jsfiddle.net/fLjMR/3/。

这是我的 JS：

function ctrl($scope)
{
    var rows = [];
    for(var i = 10;i < 30;i++)
    {
        rows.push({name: "Fake Name " + i, email: "fakeemail" + i + "@gmail.com"});
    }

    $scope.rows = rows;
    $scope.orderBy = "";
};

这是我的 HTML：

<table ng-app ng-controller="ctrl">
    <thead>
        <th><a ng-click="orderBy='name'">Name</a></th>
        <th><a ng-click="orderBy='email'">Email</a></th>
    </thead>
    <tbody>
        <tr ng-repeat="row in rows | orderBy:[orderBy]">
            <td>{{row.name}}</td>
            <td>{{row.email}}</td>
        </tr>
    </tbody>
</table>

当我在 IE 和 FF 中执行此操作时，行最初按添加顺序显示，但当我在 Chrome 中执行此操作时，中间项（在本例中为第 20 行）出现在列表的开头。这是为什么呢？

Answer 1

如果您只有一个要订购的属性，那么您可以只将字符串传递给过滤器而不是数组：

<tr ng-repeat="row in rows | orderBy:orderBy">