目的：应用angularui模板的现有项目

以下步骤如下：

根据函数表修改演示界面





学习如何angularui加载所有页面，以便设置自定义加载模板，发现这段演示 / demo.js

复制代码代码如下所示：

当# / / / /滚动，等等，请求index.html + html页面

app.config（功能（$ routeprovider）{）

routeprovider.when美元（{ templateurl：家乡。HTML，reloadonsearch：'，假}）；

routeprovider.when美元（ /滚动，{ templateurl：'scroll .html，reloadonsearch：假}）；

routeprovider.when美元（ /切换'，{ templateurl：触发.html，reloadonsearch：假}）；

routeprovider.when美元（' / '，{ templateurl：'tabs .html，reloadonsearch：假}）；

routeprovider.when美元（ /手风琴，{ templateurl：'accordion .html，reloadonsearch：假}）；

routeprovider.when美元（ /叠加，{ templateurl：'overlay .html，reloadonsearch：假}）；

routeprovider.when美元（表格，{ templateurl：'forms .html，reloadonsearch：假}）；

$routeProvider.when ('/dropdown', {templateUrl:'dropdown.html', reloadOnSearch: false});

routeprovider.when美元（阻力，{ templateurl：拖。HTML，reloadonsearch：假}）；

routeprovider.when美元（ /轮播，{ templateurl：'carousel .html，reloadonsearch：假}）；

}）；



继续读demo.js执行脚本

拖放项目消失

拖放切换图片

主控制器

L195 rootscope美元。美元（$ routechangestart功能）和l199（{ }）；rootscope美元。美元（$ routechangesuccess功能（）；（）{ }。美元对）学会绑定事件可以触发事件和更改哈希代码在这里，经过比较，发现两个基本方法。不同的是，routechangestart触发第一，然后routechangesuccess触发。

滚动列表页：滚动条加载数据scope.scrollitems美元= scrollitems；scrollitems是链表数组；滚动至底部事件（需要做下拉刷新）。

聊天栏右侧的JSON数据显示在线或不在线，暂时无法与我聊天。

表单网页

更改原始引导模板

1。上面的步骤2知道页面加载有两个因素：

复制代码代码如下所示：

1基础路径= > base_url（）

页2散列路径控制器对应方法

3隐藏index.php

/ /配置config.php配置'index_page'} {美元= ''； / / L29设置为空

htaccess

RewriteEngine on

RewriteCond 1美元！^（lightapp | lightapp 。PHP |指数。PHP |公共|机器人 .txt）#允许lightapp | lightapp.php访问

关键词^（。*）$ 1

config.yaml

-重写：如果（！is_file（）！is_dir（））指标。PHP query_string % { }

如果URL的文件不#，不跳的指标。PHP query_string % { }目录，不能放在cron

4修改菜单路由demo.js



2。替换资源路径，复制2个js，3个CSS文件

三.项目的新样式、脚本目录、js和CSS

4。将字体目录字体复制到公共

5。复制html，sidebar.html页面查看目录

总结：在这一点上，该项目的模板已应用于angularui。