【问题标题】:Trouble iterating, and parsing application data无法迭代和解析应用程序数据
【发布时间】:2014-01-13 04:13:55
【问题描述】:

我正在开发我的第一个 AngularJS 网络应用程序,并且一直在尝试迭代和解析一些数据。我正在尝试显示当前有多少用户(最好是他们的姓名)连接到我的 Firebase,也就是 {{users}}

我收到来自 AngularFire 的以下输出,但无法解析或遍历它。

{{users}} 的输出 (joe 和 james 都连接到 firebase)

{"b16b":"joe","e109":"james"}

主控制器内的代码:

angularFire(fb_userRef, $scope, "users");

尝试显示数据和/或遍历所有用户:(失败)

<div class="panel right" data-role="panel" data-position="right" 
     data-display="overlay" id="right-panel">
<h3>{{users.length}} people here</h3>
<div ng-repeat="usr in users"><h1>YES</h1></div>

任何帮助将不胜感激!

【问题讨论】:

    标签: javascript angularjs angularjs-directive angularjs-scope firebase


    【解决方案1】:

    从您的用户变量来看,它是一个对象而不是数组。使用 ng-repeat 的 key,value 语法来迭代它的属性

    &lt;div ng-repeat="(key,value) in users"&gt;&lt;h1&gt;YES&lt;/h1&gt;&lt;/div&gt;

    【讨论】:

    • 非常感谢!它工作得很好。是否有类似的方法可以快速获取对象中所有属性的计数? {{users.length}} 似乎可以工作,但它没有。
    • 不确定,因为 users 不是数组。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-05-24
    • 2016-12-21
    • 2019-12-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多