在 Angular 上使用 vm 打印数据答案

【问题标题】：Printing data using vm on Angular在 Angular 上使用 vm 打印数据
【发布时间】：2016-04-12 12:05:47
【问题描述】：

我刚刚开始着手一个新项目，该项目已经启动。

最后一个开发者使用vm，我需要打印一些数据

这里有ctrl

(function () {
  'use strict';

  angular
    .module('palpatine')
    .controller('RotationsCtrl', RotationsCtrl);

  /* @ngInject */
  function RotationsCtrl (Rotations, $rootScope, $state) {
    /*jshint validthis: true */
    var vm = this;
    vm.data = Rotations;

    console.log(vm.data);
   }
})();

比console.log(vm.data) 返回一个像这样的obj

[{
    "_id": "5653e0fee890e41700946a75",
    "name": "Mtg Rotation 112415 - SR",
    "group": {
      "_id": "563166b302d8831700dfc707",
      "object_name": "rotation",
      "name": "Mortgage",
      "__v": 0,
      "updated_on": "2015-10-29T00:22:11.868Z",
      "created_on": "2015-10-29T00:22:11.868Z"
    }, {
    "_id": "5653e0fe946a75",
    "name": "Mtg Rotation 112415 - JR",
    "group": {
      "_id": "700dfc707",
      "object_name": "rotation 2",
      "name": "Home Mortgage",
      "__v": 7,
      "updated_on": "2015-10-29T00:22:11.868Z",
      "created_on": "2015-10-29T00:22:11.868Z"
    }]

我只需要在ul - li 中呈现data.name

让我们这样说

  <ul class="dropdown-menu" dropdown-menu>
    <li ng-repeat="datum in vm.data.name">
      {{datum}}
    </li>
  </ul>

我能做什么？

【问题讨论】：

标签： javascript angularjs data-binding angularjs-ng-repeat

【解决方案1】：

您应该遍历vm.data，然后从每个对象中打印name，例如datum.name。

标记

<ul class="dropdown-menu" dropdown-menu>
    <li ng-repeat="datum in vm.data">
      {{datum.name}}
    </li>
</ul>

【讨论】：