Сортируемый список в угловых js

Question

Я хочу создать сортируемый список в угловых js. То, что я хочу, я хочу отсортировать строки в столбцы и обратно. Но после поиска часов я не смог найти ни одного.

  <div ng-app="myApp" ng-controller="namesCtrl">
    <ul>
      <li ng-repeat="category in categories">
        {{ category.title }}
        <ul ng-if="category.categories">
            <li ng-repeat="category in category.categories">
                {{ category.title }}
                <ul ng-if="category.categories">
                    <li ng-repeat="category in category.categories">
                        {{ category.title }}
                    </li>
                </ul>
            </li>
        </ul>
      </li>
    </ul> 
  </div>

У меня есть этот код и скрипка . Я новичок в угловой JS

    var app = angular.module('myApp',['ui.sortable']);
    app.controller('namesCtrl', function($scope) {
        $scope.categories = [
      { 
        title: 'Row 1',
        categories: [
          {
            title: 'Column 1',
          categories: [
              {
                title: 'element'
              },
            ]
          },
          {
            title: 'Column 2'
          }
        ]
      },
      {
        title: 'Row 2',
        categories: [
          {
            title: 'Column 1',
          },
          {
            title: 'Column 2'
          }
        ]
      }
    ];
});

Answer 1

Да. Я наконец получил ответ. Я добавил сортируемые параметры в ui-sortable.

<ul ui-sortable="sortableOptions" class="rows"> 

Затем добавлена ​​сортируемая опция к sortableOptions

$scope.sortableOptions = {
     placeholder: 'ui-sortable-placeholder',
   connectWith:'.elements',
   }
$scope.sortableElmOption = {
     placeholder: 'ui-sortable-placeholder',
   connectWith:'.rows',
   }   

Answer 2

Вы можете использовать порядок таким образом (в каждом повторении нг):

<li ng-repeat="category in categories | orderBy:'title' "> 

Дайте мне знать, достаточно ли этого для работы