本文實(shí)例講述了AngularJS路由用法。分享給大家供大家參考，具體如下：
目前的理解中，這個(gè)NG的路由模塊可以用于帶有多視圖的單頁(yè)面開(kāi)發(fā)。
先把所有代碼貼出：
HTML:
<!doctype html> <meta charset="UTF-8"> <html> <head> <link href="self.css" rel="external nofollow" rel="stylesheet"> </head> <body ng-app='routingDemoApp'> <h2>AngularJS 路由應(yīng)用</h2> <ul> <li><a href="#/" rel="external nofollow" >首頁(yè)</a></li> <li><a href="#/computers" rel="external nofollow" >電腦</a></li> <li><a href="#/user" rel="external nofollow" >用戶</a></li> <li><a href="#/blabla" rel="external nofollow" >其他</a></li> </ul> <p ng-view></p> <script src="angular.min.js"></script> <script src="angular-route.min.js"></script> <script src="test.js"></script> </body> </html>
list.html：
<p>
<h1>HI,這里是list.html</h1>
<h2>{{name}}</h2>
</p>JS:
首先由于我用的是Angular1.5,所以需要額外引入angular-route.js:
要使用NG里的路由，必須先在特定的模塊中定義它：
通過(guò)when和otherwise兩個(gè)方法來(lái)進(jìn)行路由的匹配。（其實(shí)就是匹配上面URL后面/的字符）。最后把匹配到的字符所對(duì)應(yīng)的字段或者文件放入帶有ng-view 指令的DOM里面。
when里面有許多屬性。里面可以設(shè)置控制器，控制器會(huì)匹配給對(duì)應(yīng)的字段或文件。就像上面代碼中l(wèi)istController控制器一樣。
ng-view指令有許多規(guī)則：
在匹配路由時(shí)：
1、創(chuàng)建一個(gè)新的當(dāng)前作用域。
2、刪除前一個(gè)作用域。
3、將當(dāng)前的模板（控制器等）與當(dāng)前新建的作用域關(guān)聯(lián)起來(lái)。
4、如果有內(nèi)置關(guān)聯(lián)的控制器，將其與當(dāng)期作用域關(guān)聯(lián)起來(lái)。
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 www.alabama37th.com 版權(quán)所有
違法及侵權(quán)請(qǐng)聯(lián)系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬(wàn)商天勤律師事務(wù)所王興未律師提供法律服務(wù)
