如何显示 html 的动态键名

Question

这里我有一个 mongo 集合，例如

"dashboard" : {
    "todo" : {
        "_id" : "GdfaHPoT7FXW78awi",
        "_maxCount" : "1",
       "_title" : "todo",

    }
    "task" : {
        "_id" : "GdfaHPoT7FXW78awi",
        "_maxCount" : "1",
       "_title" : "task",

    }
}

这里的 task 和 todo 是动态字段名称，我在 ng-repeat 中循环了仪表板。现在我想知道如何在仪表板中显示详细信息。

Answer 1

假设您将动态字段名称 "todo" 分配给变量 var1

，这是一个字符串

您可以访问某些 docX 的 _maxCount 为：

docX["dashboard"][var1]["_maxCount"]

Answer 2

可以做类似的事情

<div ng-repeat="(key1, value1) in dashboard">
  {{key1}}
  <div ng-repeat="(key2, value2) in value1">
      {{key2}}: {{value2}}
  </div>
</div>

Answer 3

通过它

var jimApp = angular.module("mainApp",  []);

jimApp.controller('mainCtrl', function($scope){
  $scope.dashboard = {
    "todo" : {
      "_id" : "GdfaHPoT7FXW78awi",
      "_maxCount" : "1",
     "_title" : "todo"
    }, 
    "task" : {
      "_id" : "GdfaHPoT7FXW78awi",
      "_maxCount" : "1",
     "_title" : "task",
    }
  };
});

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="mainApp" ng-controller="mainCtrl">
  <div class="col-xs-4" ng-repeat="(itemName, item) in dashboard">
    <div class="panel panel-info">
      <div class="panel-head bg-info">{{itemName}}</div>
      <div class="panel-body">{{item._title}}&nbsp;{{item._maxCount}}</div>
    </div>
  </div>  
</div>

如何显示 html 的动态键名

how to display the key name which is dynamic to html

mongodb

angularjs

meteor

angular-meteor