<!DOCTYPE html> <html lang="en" ng-app="test"> <head> <meta charset="UTF-8"> <title>Html5 拖拽行为和AngularJs的结合</title> <meta charset="utf-8"/> <script type="text/javascript" src="js/angular.js"></script> <style> .to-drag, .drag-stop { display: inline-block; } </style> </head> <body ng-controller="main"> <div class="to-drag"> <ul> <li ng-repeat="item in list.data" ng-include="'./lefttree.html'"></li> </ul> </div> <div class="drag-stop"> <ul> <li ng-repeat="item in rightList.data" ng-include="'./righttree.html'"></li> </ul> </div> </body> </html>