當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
AngularJS路由使用案例
生活随笔
收集整理的這篇文章主要介紹了
AngularJS路由使用案例
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
AngularJS路由使用案例：
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>AngularJS路由使用案例</title><script type="text/javascript" src="../js/angular.min.js"></script><script type="text/javascript" src="../js/angular-route.min.js"></script></head><body ng-app="myapp"><div><h1>在你我他學習吧，你可以學習到如下技術：</h1><a href="#/JAVAEE"></a><a href="#/AngularJS"></a><a href="#/EasyUI"></a><a href="#/MySQL"></a></div><!--路由加載后，更新變化的內容--><div ng-view></div><div><h1>footer</h1></div></body><script type="text/javascript">//定義myapp模塊var myapp = angular.module("myapp",["ngRoute"]);//配置模塊的路由myapp.config(["$routeProvider",function($routeProvider){$routeProvider.when('/JAVAEE',{templateUrl:'javaee.html'}).when('/AngularJS',{templateUrl:'angularjs.html'}).when('/EasyUI',{templateUrl:'easyui.html'}).when('/MySQL',{templateUrl:'mysql.html'}).otherwise({redirectTo:'JAVAEE'});}]);</script> </html>javaee.html代碼：
<h1>javaee</h1>angularjs.html代碼：
<h1>angular</h1>easyui.html代碼：
<h1>easyui</h1>mysql.html代碼：
<h1>mysql</h1>總結
以上是生活随笔為你收集整理的AngularJS路由使用案例的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： AngularJS集合数据遍历显示
- 下一篇： Spring AOP概述及底层实现原理