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文件中編寫。