AngularJS單頁面路由配置恩，理解了就很簡單啦

標籤：angular   位置   gif   頁面   技術   ica   containe   分享   name   

利用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檔案中編寫。

AngularJS單頁面路由配置恩，理解了就很簡單啦