angular路由详解:

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‘
      })
})
时间: 2024-08-24 11:24:17

angular路由详解:的相关文章

3A2H地址路由详解

接着上一篇文章所说.前一篇重点说了地址划分.3A内部结构包括内部节点结构和与系统架构以及二级XBAR的地址路由和转换情况.这篇主要讲解3A2H的系统结构.将会结合3A2H的窗口寄存器具体值来分析其地址路由情况. 3A2H系统结构 3A2H的系统框图如下所示: 图1-3  3A2H系统结构图 可以看出3A和2H通过HT连接起来,3A四核处理器作为板卡上的主处理器,2H芯片作为桥片扩展外部接口.结合上篇文章中所提3A内部结构,可知3A的HT连接在一级XBAR上,而地址经过HT后发送到2H端,然后在经

elasticsearch系列三:索引详解(分词器、文档管理、路由详解)

一.分词器 1. 认识分词器  1.1 Analyzer   分析器 在ES中一个Analyzer 由下面三种组件组合而成: character filter :字符过滤器,对文本进行字符过滤处理,如处理文本中的html标签字符.处理完后再交给tokenizer进行分词.一个analyzer中可包含0个或多个字符过滤器,多个按配置顺序依次进行处理. tokenizer:分词器,对文本进行分词.一个analyzer必需且只可包含一个tokenizer. token filter:词项过滤器,对to

ant-design-pro 动态菜单-路由详解

ant-design-pro 动态菜单-路由详解最近利用ant-design-pro开发项目要实现之前的项目嵌入到新项目里来,并且根据和后台的接口返回的数据显示侧边栏菜单.既然是是利用别人的架构那当然是从文档中找实现的方法,终于不负苦心人在https://pro.ant.design/docs/router-and-nav-cn文档那里找到初步的解决方法 进入src/layouts/Basilayout.js在官网中直接复制该代码,将原文件替换.现在正式进入正题. 1,在src/layouts/

iOS路由详解

本文如题,路由详解,注定是一篇详细解释iOS路由原理及使用的文章,由于此时正在外地出差,无法详细一一写出,只能不定时的补充. 一.什么是iOS路由 路由一词来源于路由器,可以实现层级之间消息转发的功能. 二.实例 12345678 @implementation UIResponder (GXRouter) - (void)routerEventWithName:(NSString *)eventName userInfo:(NSDictionary *)userInfo{ [[self nex

vue技术栈进阶(02.路由详解—基础)

路由详解(一)--基础: 1)router-link和router-view组件 2)路由配置 3)JS操作路由 原文地址:https://www.cnblogs.com/jackson1/p/12698712.html

angular模块详解

原文: https://www.jianshu.com/p/819421ff955a 大纲 1.angular应用是模块化的 2.对模块(Module)的认识 3.模块的分类:根模块和特性模块 4.NgModel参数详解 5.imports数组与文件头部的import的对比 angular应用是模块化的 1.Angular 应用是模块化的,并且Angular有自己的模块系统,它被称为Angular模块或NgModules. 2.每个Angular应用至少有一个模块(根模块),习惯上命名为AppM

AngularJs ng-route路由详解

本篇基于ng-route来讲下路由的使用...其实主要是 $routeProvider 搭配 ng-view 实现. ng-view的实现原理,基本就是根据路由的切换,动态编译html模板. 更多内容参考:Angularjs总结 前提 首先需要在页面引入angular和angular-route,注意要在angular-route之前引入angular <script src="../../bower_components/angular/angular.js"></

angularJs-route路由详解

本篇基于ng-route来讲下angular中的路由,路由功能主要是 $routeProvider服务 与 ng-view 实现. ng-view的实现原理,是根据路由的切换,动态编译html模板--$compile(html)(scope). 更多内容参考:Angularjs总结 前提 首先需要在页面引入angular和angular-route,注意要在angular-route之前引入angular <script src="../../bower_components/angula

ionic入门教程-ionic路由详解(state、route、resolve)(转)

http://blog.csdn.net/onil_chen/article/details/51758696?appinstall=0 今天好好的跟大家讲讲ionic的路由配置. 问到的朋友有点多,因为这个内容比较多,所以我一直想等我多了解一些再出关于路由的教程. 但是有些很简单的也有朋友不理解,所以我就提前出了这篇教程. 希望能对大家有点帮助,关于我遗漏的部分,后面再发教程补充吧. 但是基本的内容,简单的应用,应该这篇教程里面都会提到了. 首先我们还是从tabs类型的新建项目来学习(这个项目