angular路由

作者: 不叫ShaoYu的老王同学 | 来源:发表于2018-01-19 11:44 被阅读8次

写在前面:请注意这里是angular1.0的路由配置。


最近脑抽,好多东西都想不起来了……比如angular路由。好吧,写个日记回顾一下。

首先,要定义一个模块。

var routerApp=angular.module('routerApp',[]);

这里引号中的routerApp是模块名,[]中放此模块需要以来的模块。

然后是:

routerApp.config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider'){

$urlRouterProvider.otherwise(" ");

括号里放的是默认打开的页面路由,就是下面某个url中的值;

$stateProvider.state(' ',{

url:" "//这里是路由名

templateurl:" "//这里是相对路径

}).state(' ',{

url:" "//这里是路由名

templateurl:" "//这里是相对路径

})

}])


这样就基本定义完了。

相关文章

  • 模拟面试问题总结

    AngularJS路由实现原理 Angular路由 允许我们通过不同的URL访问不同的内容,并且Angular路由...

  • 模拟面试问题总结

    AngularJS路由实现原理 Angular路由 允许我们通过不同的URL访问不同的内容,并且Angular路由...

  • Angular Route导航

    Angular Route导航 路由基础知识 路由相关对象介绍 新建路由项目 使用angular-cli新建项目。...

  • angular路由跳转

    angular路由 使用路由 routerLink="/"路由出口

  • 前端路由原理和React Router

    前端路由原理 前端三大框架 Angular、React、Vue ,它们的路由解决方案 angular/router...

  • Angular的路由延迟加载

    Angular的路由延迟加载 angular的路由延迟加载大致分为两类CanActivate和CanLoad。这两...

  • angular中ngRoute和uiRoute的区别

    最近一直在学习angular路由这一部分,angular的路由有两种,在angular最先出来的ngRoute的时...

  • 基于 Angular 2+ 的新版 Tab页与路由策略

    一、难点: Angular 辅助路由 + 路由策略 会报错。Cannot reattach ActivatedRo...

  • angular路由

    1.背景介绍 angular路由 angular路由可以实现多视图的单页Web应用。当请求一个url时,根据...

  • angularjs ui-router

    ngRoute是Angular自带的路由。ui-router是Angular的第三方路由。他们之间的区别:主要的就...

网友评论

    本文标题:angular路由

    本文链接:https://www.haomeiwen.com/subject/iljooxtx.html