AngularJS单页面路由配置恩，理解了就很简单啦

利用route实现单页面跳转功能

 

利用angularJS开发流程

1）配置好angularJS开发环境

2）利用 yo angular projectname建立项目目录

3）删除掉系统自动生成的一些本身工程不须要的页面和脚本

4）修改index.html，在

<!-- Add your site or application content here -->

以上注释下面写本身的样式内容，关键是

<div class="container-fluid" id="main" style="float:left;width: calc(100% - 240px);">
<div ng-view=""></div>

</div>

ng-view这个div是占位符，利用路由和模板功能将会在这个位置插入各个页面的html片断

5）须要几个页面，就先利用yo angular:route routename建立出几个路由来，yo会自动生成对应的html和js文件，而后在对应的文件中添加相应内容便可6）注意函数做用域，哪一个页面的function，也就是所谓的指令，就要在本身所对应的指令js文件中编写。