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

我不知道，我什么都试过了

我想这样做的名单下被添加和显示的卡顺序和显示从上升的位置

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

我无法在ng repeat循环中进行排序，因为后面显示的索引与数组元素不匹配。我试着在nodejs中排序，但没有按应有的顺序排序

在mongoose数据库中，我做了以下操作：\

列表

**名称：{type:String，maxlength:20，必需：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响应

$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])
            })
    }

我正在通过AJAX查询下载卡片 数组[对象，对象，对象，对象，对象，对象，对象，对象，对象，对象，对象，对象，还有4个…]

console.log响应元素[0]

对象{id:“59BFEEA36805470181C0C0D”，名称：“ostatni”，列表：“59bbdf061ebcd215a4b7af63”，创建：“2017-09-18T16:04:51.457Z”，更新：“2017-09-18T16:04:51.457Z”}

在这个时刻，它看起来像：

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>

{{list.name}

{{{card.name}{{{card.position}}这里{{$index}

控制器件

$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])
            })
    }

$scope.loadLists=函数（）{
return ApiService.staff.list（）
.然后（功能（resp）{
对于（变量i=0；i

谢谢