前端开发

 首页 > 前端开发 > AngularJS > angular中使用路由和$location切换视图_AngularJS_自学

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

分享到:
【字体:
导读:
          这篇文章主要介绍了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 ...);
});

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

分享到:
AngularJS语法详解_AngularJS_自学php网
模板和数据的基本运作流程如下: 用户请求应用起始页面 用户的浏览器向服务器发起一次http连接,然后加载index.html页面,这个页面包含了模板 angular被加载到页面中,等待页面加载完成,查找ng-app指令,用来定义模板的边界 angular遍历模板,查找指定和绑定关系,将触发一些列动作:注册监听器、执行一些DOM操作、从...
Angularjs基础知识及示例汇总_AngularJS_...
angularjs是google开发的一款高大上的前端mvc开发框架。 Angularjs官网:https://angularjs.org/ 官网有demo,访问可能需要FQ Angularjs中国社区:http://www.angularjs.cn/ 适合初学者 引用文件:https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js 使用angular注意 引用angularjs库:https://git...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……