angularjs - 如何将动态的键名显示为html

Question

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

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

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

    }
}

这里的任务和待办事项是动态字段名称，我已经在 ng-repeat 中循环了仪表板。 现在我想知道如何在仪表板内显示详细信息。

Answer 1

看一遍

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>