javascript - Angularfire访问对象键

标签 javascript angularjs firebase angularfire

如何打印出从 Firebase 返回的对象的键? 具体来说,如何打印团队名称?例如。 “很棒的团队”

Controller :

app.controller('TeamsController', ['$scope', '$firebaseObject','ENV', 
    function($scope, $firebaseObject, ENV){

        var app_id = ENV.FIREBASE_APP_ID;
        var ref = new Firebase("https://"+app_id+".firebaseio.com/teams");
        $scope.teams = $firebaseObject(ref);

    }
]);

返回的数据为:

{"$id":"teams","$priority":null,"Awesome Team":{"created":"11-11-1111","size":3},"Team 1":{"created":"26-11-1111","size":4}}

然后在 View 中:

    <tr ng-repeat="team in teams">
        <td>{{$id}}</td>
        <td>{{team.created}}</td>
        <td>{{team.size}}</td>
        <td><button ng-click="">X</button></td>
    </tr>

最佳答案

使用 ng-repeat 迭代 Firebase 引用应使用 $firebaseArray 而不是 $firebaseObject 来完成。使用 $firebaseArray 时,每个子级都有一个包含对象键的 $id 属性。

https://www.firebase.com/docs/web/libraries/angular/guide/synchronized-arrays.html#section-meta-fields

<tr ng-repeat="team in teams">
    <td>{{team.$id}}</td>
    <td>{{team.created}}</td>
    <td>{{team.size}}</td>
    <td><button ng-click="">X</button></td>
</tr>

关于javascript - Angularfire访问对象键,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32587987/

相关文章:

javascript - 如何从 Angular Directive(指令)访问变量?

node.js - Firebase,类型错误 : Cannot read property 'error' of undefined

javascript - 一个方法可以在没有 bind() 的情况下在回调中引用它的对象吗?

javascript - 如何将带前导零的十进制数字转换为字符串

javascript - 仅在必要时将数字四舍五入至小数点后两位

javascript - 无法从其他 Controller 调用 $on

javascript - 如何访问 Angular.js Controller 中的选定选项

javascript - 我如何从这个 firebase 集合查询函数中获取 "retArr"数组。我希望数组值用于另一个函数

android - 有没有办法从 Firebase 数据库身份验证和 Firebase 数据库 UID 中删除匿名用户?

javascript - 来自 ngFor angular2 的拼接元素