angular中使用路由和$location切换视图

时间:2022-06-18 22:47:04

我们可以利用angular的$route服务来定义这样一种东西:对于浏览器所指向的特定URL,angular会加载并显示一个模板,并实例化一个控制器为模板提供内容。

在应用中,你可以通过调用$routeProvider服务上的函数来创建路由,把需要创建的路由当成一个配置块传给这些函数即可。 伪代码如下:

 

复制代码 代码如下:

var someModule = angular.module('somemodule',[...module dependencies...])
someModule.config(function($routeProvider){
    $routeProvider.
      when('url',{controller:aController,templateUrl:'/path/to/template'}).
      when(...other...).
      otherwise(...what to do ...);
});

 

方法很简单,代码也很简洁,但是却非常实用,希望小伙伴们能够喜欢。