在Angular上使用vm打印数据

Printing data using vm on Angular

本文关键字：vm 打印 数据 Angular      更新时间：2023-09-26

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

上一次开发是使用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)返回类似于此的对象

[{
    "_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>

我能做什么？

您应该循环通过一个vm.data，然后像datum.name一样从每个对象打印name。

标记

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