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
}])