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

 更新时间:2015年01月23日 09:49:01   投稿:hebedich  
这篇文章主要介绍了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 ...);
});

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

相关文章

  • angular4自定义组件详解

    angular4自定义组件详解

    这篇文章主要为大家详细介绍了angular4自定义组件的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • Angular.js ng-file-upload结合springMVC的使用教程

    Angular.js ng-file-upload结合springMVC的使用教程

    这篇文章主要给大家介绍了关于Angular.js文件上传控件ng-file-upload结合springMVC的使用教程,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-07-07
  • angular实现表单验证及提交功能

    angular实现表单验证及提交功能

    这篇文章主要为大家详细介绍了angular实现表单验证及提交功能的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Angular JS 生成动态二维码的方法

    Angular JS 生成动态二维码的方法

    这篇文章主要介绍了Angular JS 生成动态二维码的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • 在angularJs中进行数据遍历的2种方法

    在angularJs中进行数据遍历的2种方法

    今天小编就为大家分享一篇在angularJs中进行数据遍历的2种方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10
  • 不能不知道的10个angularjs英文学习网站

    不能不知道的10个angularjs英文学习网站

    这篇文章主要为大家分享了10个大家不能不知道的angularjs英文网站,供大家学习,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • Angular通过指令动态添加组件问题

    Angular通过指令动态添加组件问题

    这篇文章主要介绍了Angular通过指令动态添加组件问题,文中通过写一个小组件来简单总结下,需要的朋友可以参考下
    2018-07-07
  • 详解AngularJS中自定义过滤器

    详解AngularJS中自定义过滤器

    过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等
    2015-12-12
  • Angularjs cookie 操作实例详解

    Angularjs cookie 操作实例详解

    本文给大家分享Angularjs cookie 操作实例详解,demo案例分析,感兴趣的朋友参考下吧
    2017-09-09
  • 详解Angular组件数据不能实时更新到视图上的问题

    详解Angular组件数据不能实时更新到视图上的问题

    这篇文章主要为大家介绍了Angular组件数据不能实时更新到视图上的问题详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10

最新评论