Question

我不知道，我已经尝试了一切。

我希望在列表下添加并按顺序显示卡片并从升序位置显示。

我必须这样做，以便我可以稍后添加拖放。这将用于计算我放置的项目的平均位置以及下面带有索引的项目。

我无法在ng-repeat循环中进行排序，因为稍后显示的索引与数组元素不匹配。我尝试在nodejs中进行排序，但没有对它进行排序。

在mongoose数据库中，我这样做了：\

列表

** name：{type：String，maxlength：20，required：true}，**

卡

var CardSchema = new Schema({
  list: { type: Schema.Types.ObjectId, ref: 'List' },
  name: { type: String, maxlength: 20, required: true },
  position: { type: Number },
  // description: { type: String, maxlength: 300 },
  updated: { type: Date, default: Date.now },
  created: { type: Date, default: Date.now },
  active: Boolean
});

console.log回复

我通过AJAX查询下载卡片数组[对象，对象，对象，对象，对象，对象，对象，对象，对象，另外4个......]

console.log响应elem [0]

对象{_id：＆＃34; 59bfeea368054710181c0c0d＆＃34;，名称：＆＃34; ostatni＆＃34;，列表：＆＃34; 59bbdf061ebcd215a4b7af63＆＃34;，__ v：0，创建：＆＃34; 2017- 09-18T16：04：51.457Z＆＃34;，更新：＆＃34; 2017-09-18T16：04：51.457Z＆＃34; }

它看起来像这样：

https://imgur.com/a/ZVoD6

index.ejs

<div ng-repeat="list in lists">
<div style="float: left; margin-left: 5px;">
  <div id="tasks" >
    <h3>{{ list.name }}</h3>
    <ul>
      <li ng-repeat="card in cards " ng-if="list._id == card.list">{{ card.name }} {{ card.position }}<button ng-click="take($index)">HERE</button>{{ $index }}</li>
      </ul>
      <form ng-submit="addTask(list._id, $index, newTask)">
        <input type="text" ng-model="newTask" placeholder="add a new task" required />
        </form>
  </div>
  </div>
</div>

控制器片

$scope.loadLists = function () {
        return ApiService.staff.list()
            .then(function (resp) {
                for (var i = 0; i < resp.length; i++) {
                    $scope.lists[i] = resp[i];
                }
            })
    }

    $scope.loadsCards = function () {
        return ApiService.staff.cards()
            .then(function (resp) {
                    $scope.cards = resp;
                // for (var i = 0; i < resp.length; i++) {
                // console.log($scope.cards[i].name)
                // }

            console.log($scope.cards[0])
            })
    }

谢谢！

如何正确创建像trello，Mongoose和Angularjs这样的卡片显示

0 个答案: