angularjs – 如何使用ngRepeat将angularFire对象命令为orderBy

发布时间：2020-12-17 09:03:21 所属栏目：安全来源：网络整理

导读：我的firebase中的当前数据集如下所示： { “-JZ7b”：{ “名”： “鲍勃”,“有”： “松弛”},“ – JZ7a”：{ “名”： “康妮”,“有”： “松弛”}} 如果我使用类似的东西： ulli ng-repeat="(key,person) in people |orderBy 'name'"/li/ul 我明白了：

我的firebase中的当前数据集如下所示：

{ “-JZ7b”：{ “名”： “鲍勃”,“有”： “松弛”},“ – JZ7a”：{ “名”： “康妮”,“有”： “松弛”}}

如果我使用类似的东西：

<ul><li ng-repeat="(key,person) in people |orderBy 'name'"></li></ul>

我明白了：

> -JZ7a康妮懈怠
> -JZ7b bob有松弛

here’s a fiddle

获得预期订单的最佳方法是什么？我意识到在这个例子中,键并不完全有意义,但是,假设它们是.构建自定义指令的想法似乎是一个有趣的选择,我的代码可能与原始代码相比有点混乱.

OrderBy不适用于对象.您可以使用过滤器 toArray.

<li ng-repeat="p in people | toArray | orderBy: 'name'" ng-click="cpSelect(p.$key)">
    {{p.$key}} {{p.name}} has {{p.has}}
</li>

演示：http://jsfiddle.net/62exD/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!