angular-ui/ui-sortable 的 Portlet

Question

我正在尝试将 angular-ui/ui-sortable 用于门户应用程序。我的应用程序将类似于 Jquery UI sortable JQuery UI Sortable Portlets.

中给出的 portlet 示例

是否有人可以举个例子或为我指明正确的方向以使用 angular-ui/ui-sortable 来实现这一点？我在 angular-ui/ui-sortable 中问了这个问题，他们让我参考 Stack Overflow Issue portlets example #356

Answer 1

如果我了解您要查找的内容，使用连接列表应该可以满足您的目的：

example pen

    <div ui-sortable="sortableOptions" class="apps-container screen floatleft" ng-model="list1">
      <div class="app" ng-repeat="app in list1">{{$index}} {{app.title}}</div>
    </div>
    <div ui-sortable="sortableOptions" class="apps-container screen floatleft" ng-model="list2">
      <div class="app" ng-repeat="app in list2">{{$index}} {{app.title}}</div>
    </div>
    <div ui-sortable="sortableOptions" class="apps-container screen floatleft" ng-model="list3">
      <div class="app" ng-repeat="app in list3">{{$index}} {{app.title}}</div>
    </div>

angular-ui/ui-sortable 的 Portlet

Portlet with angular-ui/ui-sortable

angularjs

jquery-ui

portal