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

160 阅读 0 评论 106 点赞

我是靠谱客的博主想人陪皮带，最近开发中收集的这篇文章主要介绍angular中使用路由和$location切换视图，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

我们可以利用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 ...);

});

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