{"action":"created","issue":{"url":"https://api.github.com/repos/a5hik/ng-sortable/issues/15","labels_url":"https://api.github.com/repos/a5hik/ng-sortable/issues/15/labels{/name}","comments_url":"https://api.github.com/repos/a5hik/ng-sortable/issues/15/comments","events_url":"https://api.github.com/repos/a5hik/ng-sortable/issues/15/events","html_url":"https://github.com/a5hik/ng-sortable/issues/15","id":40039573,"number":15,"title":"Nested sortable","user":{"login":"vn38minhtran","id":5418628,"avatar_url":"https://avatars.githubusercontent.com/u/5418628?v=3","gravatar_id":"","url":"https://api.github.com/users/vn38minhtran","html_url":"https://github.com/vn38minhtran","followers_url":"https://api.github.com/users/vn38minhtran/followers","following_url":"https://api.github.com/users/vn38minhtran/following{/other_user}","gists_url":"https://api.github.com/users/vn38minhtran/gists{/gist_id}","starred_url":"https://api.github.com/users/vn38minhtran/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/vn38minhtran/subscriptions","organizations_url":"https://api.github.com/users/vn38minhtran/orgs","repos_url":"https://api.github.com/users/vn38minhtran/repos","events_url":"https://api.github.com/users/vn38minhtran/events{/privacy}","received_events_url":"https://api.github.com/users/vn38minhtran/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":8,"created_at":"2014-08-12T09:46:50Z","updated_at":"2015-06-02T23:29:16Z","closed_at":"2014-10-02T06:17:12Z","body":"Hi guys!\r\nHow to make 'ng-sortable' work with nested sortable or disable inner sortable."},"comment":{"url":"https://api.github.com/repos/a5hik/ng-sortable/issues/comments/108130543","html_url":"https://github.com/a5hik/ng-sortable/issues/15#issuecomment-108130543","issue_url":"https://api.github.com/repos/a5hik/ng-sortable/issues/15","id":108130543,"user":{"login":"butaixianran","id":5558722,"avatar_url":"https://avatars.githubusercontent.com/u/5558722?v=3","gravatar_id":"","url":"https://api.github.com/users/butaixianran","html_url":"https://github.com/butaixianran","followers_url":"https://api.github.com/users/butaixianran/followers","following_url":"https://api.github.com/users/butaixianran/following{/other_user}","gists_url":"https://api.github.com/users/butaixianran/gists{/gist_id}","starred_url":"https://api.github.com/users/butaixianran/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/butaixianran/subscriptions","organizations_url":"https://api.github.com/users/butaixianran/orgs","repos_url":"https://api.github.com/users/butaixianran/repos","events_url":"https://api.github.com/users/butaixianran/events{/privacy}","received_events_url":"https://api.github.com/users/butaixianran/received_events","type":"User","site_admin":false},"created_at":"2015-06-02T23:29:16Z","updated_at":"2015-06-02T23:29:16Z","body":"Here is a solution, without angular-ui-tree.\r\n\r\nActually ng-sortable supports nested data very well, the problem is: as-sortable-item-handle don't.\r\n\r\nSo, the really problem is:  element with \"as-sortable-item-handle\" can't be the container of \"as-sortable\" and \"as-sortable-item\".\r\n\r\nThen the solution is simple:\r\nSet a title bar for all the nodes you want to drag. And set  as-sortable-item-handle on this title bar.\r\nLike this:\r\n\r\n```` html\r\n<div this-is-level-1>\r\n    <div>title bar</div>\r\n    <div this-is-level-2>\r\n        <div>title bar</div>\r\n        <div this-is-level-3>\r\n        </div>\r\n    </div>\r\n</div>\r\n````\r\n\r\nIn this way, no matter how many levels your nested data has, your as-sortable and as-sortable-item will never be under an  \"as-sortable-item-handle \"\r\n\r\n"}}