angular.js笔记 ---关于Route路由

时间:2021-08-18 11:44:37
var bookStoreApp = angular.module('bookStoreApp',[ngRoute]);

bookStoreApp.config(function($routeProvider){
$routeProvider.when('/hello',{
templateUrl : 'tpls/hello.html' ,
controller : 'hellpCtrl'
}).when('/list',{
templateUrl : 'tpls/list.html',
controller : 'listCtrl'
}).otherwise({
redirecTo : '/hello '
})
})

其中$routeProvider是angular自身提供的路由机制,当angularJs发现浏览器地址栏中出现了when里条件中的地址时,就会使用templateUrl提供的地址,并且由controller中的control进行处理模板和数据之间的绑定,其他的就会跳到otherwise的地址中去。