目的：把AngularUI的模板应用到现有项目上 步骤如下： [b]按功能表修改demo界面[/b] [img]http://files.jb51.net/file_images/article/201412/201412211459062.png[/img] [img]http://files.jb51.net/file_images/article/201412/201412211459073.png[/img] 学习angularUI如何加载全部页面，为了设置自定义加载模板，在demo/demo.js中找到这一段 继续阅读demo.js的执行脚本    拖拽项消失    拖拽切换图片    主要控制器  L195 $rootScope.$on('$routeChangeStart', function(){}); 和 L199 $rootScope.$on('$routeChangeSuccess', function(){});学到 用.$on()来绑定事件和改变hash的事件可以触发这里的代码，对比后，发现两个基本方法一样。不同的一点就是 先触发routeChangeStart， 后触发routeChangeSuccess。         滚动列表页：滚动栏加载数据 $scope.scrollItems = scrollItems;  scrollItems是一个列表数组；滚动到底部事件（需要做下拉刷新）         右边聊天侧栏的json数据，显示在线还是不在线，对我来说暂时没有这个能力做聊天功能          表单页面 [b]改换原来bootstrap模板[/b] 1.由上面步骤2知道页面加载有两个因素决定： 2.替换资源路径<?=__PUBLIC__?>，拷贝2个js，3个css文件 3.新建style,script目录，存放项目的js和css 4.拷贝字体目录fonts到public下 5.拷贝home.html,sidebar.html页面到视图目录下 总结：至此，项目的模板就应用了angularUI。