首页 > 代码库 > angular路由详解：

angular路由详解：

2024-08-23 22:03:08   219人阅读

1、$routeProvider ngRoute模块中的服务

2、otherwise:设置用于路由改变时，与任何其他定义的路由无法匹配的时候执行的代码

3、when：为$route服务定义新的路由

例

var  app=angular.module(‘myApp‘,[‘ngRoute‘]);
//配置angular路由
//$routeProvider是ngRoute模块中的服务
app.config(function($routeProvider){
　　　　//when：第一个值是配置路由的名称，第二个值中a.是路由指向的文件地址。b.是该页面的控制器名称
     $routeProvider .when(‘/banner‘,{
            templateUrl:‘index.html‘,
            controller:‘indexController‘
     })
      .when(‘/main‘,{
             templateUrl:‘main.html‘,
             controller:‘mainController‘
      }) 
       //otherwise：当路由改变时，如果不是上述路由的话那么路由就转到下面指定的路由位置
      .otherwise({
　　　　　　　　//重新定向
              redirectTo:‘/banner‘
      })
})

 

angular路由详解：


联系
我们