0

遇到一个问题，我有列表列表，我想通过拖放重新排序列表列表我的模型是

  {
  "selected": null,
  "lists": {
    "A": [
      {
        "data": "code"
      },
      {
        "data": "code enable"
      },
      {
        "data": "code disable"
      }
    ],
    "B": [
      {
        "data": "code"
      },
      {
        "data": "code enable"
      },
      {
        "data": "code disable"
      }
    ],
    "C": [
     {
        "data": "code"
      },
      {
        "data": "code decode"
      },
      {
        "data": "code decode"
      }
    ]
  }
}

现在我想重新排序这个模型，如果我将列表 C拖到列表 A它应该替换 div 新模型将是

   {
  "selected": null,
  "lists": {
    "C": [
      {
        "data": "code"
      },
      {
        "data": "code decode"
      },
      {
        "data": "code decode"
      }
    ],
    "B": [
      {
        "data": "code"
      },
      {
        "data": "code enable"
      },
      {
        "data": "code disable"
      }
    ],
    "A": [
      {
        "data": "code"
      },
      {
        "data": "code enable"
      },
      {
        "data": "code disable"
      }
    ],
  }
}

应用程序.html

          <div ng-repeat="list in models.lists" class="col-md-6">
            <div class="panel panel-info" ng-repeat="data in lists">
                <div class="panel-heading">
                    <h3 class="panel-title">List {{data.data}}</h3>
                </div>
            </div>
        </div>

应用程序.js

 $scope.models = {
    selected: null,
    lists: {"A": [], "B": [],"C":[]
};

// Generate initial model
4

0 回答 0