显示为 json 格式的表达式。火力基地答案

【问题标题】：Expression showing as a json format. firebase显示为 json 格式的表达式。火力基地
【发布时间】：2018-02-15 05:46:41
【问题描述】：

我正在尝试使用 ng-repeat 显示我的数据库中的数据。但是，当我尝试在系统下检索设备数据时。它显示为 json 格式。如何检索设备下的其他节点？需要帮助。

我的角度

    /*global angular*/
var app = angular.module('input', ['ngRoute', 'firebase']);

app.config(['$routeProvider', function ($routeProvider) {
    'use strict';
    $routeProvider.when('/input', {
        templateUrl: 'input/input.html',
        controller: 'inputCtrl'
    });
}]);

app.controller('inputCtrl', ['$scope', '$firebaseObject', '$firebaseArray', function ($scope, $firebaseObject, $firebaseArray) {
    'use strict';

    $scope.message;
    $scope.writeUserData = function (equipment, system) {
        firebase.database().ref('data/' + $scope.system + '/equipments').child(equipment).set({
        equipment: equipment
});
        $scope.message = "Added"
};


        var ref = firebase.database().ref();
    var data = ref.child("data");
    var list = $firebaseArray(data);

    list.$loaded().then(function(data) {
        $scope.data = data;
        console.log($scope.data);
    }).catch(function(error) {
        $scope.error = error;
    });

}]);

我的 HTML

<tr data-ng-repeat="data in data">
                  <td class="select" align="center">

                    <div id="dd" class="wrapper-dropdown-3" tabindex="1">
                    <span>{{data.$id}}</span>
                    <ul class="dropdown">
                        <li><a href="#">{{data.equipments}}</a></li>
                    </ul>
                    </div>

                    </td>
                </tr>

【问题讨论】：

您是否尝试将每个设备列为列表项？如果是这样，您可以尝试使用ng-repeat。
我确实使用了 ng-repeat！
我在<li> 标签中寻找它——诚实的错误。虽然我以前从未使用过data-ng-repeat，但在那张纸条上（不幸的是）我帮不了你。

标签： angularjs json firebase firebase-realtime-database angularfire

【解决方案1】：

你尝试过改变

data in data

像

这样的东西

d in data

还要迭代设备，您还需要一个 ng-repeat

 <li ng-repeat= "equipment in d.equipments"><a href="#">{{data.equipments}}</a></li>

还没有测试过代码！

【讨论】：

好吧，所以我测试了你的代码，但它仍然在下拉列表下给了我一个 json 数组！

【解决方案2】：

好的，我找到了解决问题的方法。

<tr data-ng-repeat="d in data">
                  <td class="select" align="center">

                    <div id="dd" class="wrapper-dropdown-3" tabindex="1">
                    <span>{{d.$id}}</span>
                    <ul class="dropdown">
                        <li data-ng-repeat="equipment in d.equipments"><a>{{equipment.equipment}}</a></li>
                    </ul>
                    </div>

                    </td>
                </tr>

【讨论】：