angular 路由 router
##如果要使用路由,那么需要下載 angular router 的對應包
npm install angular-router
<script src="angular-router.js"></script>
##配置 router
var app = angular.module('myapp',['ngRouter']);
app.config(['$routerProvider',function($routerProvider){
$routerProvider.when('/a',{
controller: 'AController',
templateUrl:‘./view/a.html’
}).when('/b',{
controller: 'BController',
templateUrl:‘./view/b.html’
})
}])
var app = angular.module('myapp',['ngRouter']); 在 我們的模塊中添加 router 的依賴
app.config() 是angular 自身擁有的方法, 用來配置模塊的信息
when 方法 來配置 router 在不同情況下調用對應的 視圖 和 控制器
##另類視圖
我們可以使用script 標簽的形式 插入我們所要使用的視圖
<script type=“text/ng-template” id='scriptTemplate'>
//代碼 ~
</script>
注意使用script 標簽插入 模板時 script的type類型 必須為“text/ng-template”
使用時 將 templateUrl 設置為 script標簽的id值即可
## 路由范圍設置
在設置when(‘/:hash’{})時,
:hash 就是我們可以獲取到的地址,
在控制器做匹配時
var app = angular.module('myapp.A',['ngRoute']);
app.controller('AController',['$routeParams','$scope',function($scope,$routeParams){
$routeParams.hash
}])