AngularJS利用Controller完成URL跳转


Posted in Javascript onAugust 09, 2016

具体写法举例:

1.js定义一个controller

function MyCtrl($scope, $location) {

  $scope.jumpToUrl = function(path) {

    //TODO:add code here

  };

}

2.html里面应用controller

<div ng-controller=‘MyCtrl'>

  <button ng-click="jumpToUrl('/signin')">signin</button>

</div>

3.controller里面TODO的位置填入

$location.path(path);

然后运行起来就可以看效果了。

假设当前页面的url是:http://127.0.0.1:8080/#/home

$location.path(path);执行后就会跳到http://127.0.0.1:8080/#/signin

如果你发现页面不能正常跳转,可以在$location.path(path);后面再加上一句

var curUrl = $location.absUrl(); //用来显示url全路径

调试跟踪页面时查看curUrl的值到底变成多少,大概就能猜出问题出在哪了。

好了,以上就是在AngularJS利用Controller完成URL跳转的全部内容,希望本文对大家学习AngularJS有所帮助。

Javascript 相关文章推荐
jQuery 性能优化指南(3)
May 21 Javascript
JS实现浏览器状态栏显示时间的方法
Oct 27 Javascript
jQuery 1.9.1源码分析系列(十三)之位置大小操作
Dec 02 Javascript
jQuery+css实现非常漂亮的水平导航菜单效果
Jul 27 Javascript
js原生跨域_用script标签的简单实现
Sep 24 Javascript
jQuery无刷新上传之uploadify简单代码
Jan 17 Javascript
用最简单的方法判断JavaScript中this的指向(推荐)
Sep 04 Javascript
vue-router实现tab标签页(单页面)详解
Oct 17 Javascript
Angular2整合其他插件的方法
Jan 20 Javascript
bootstrap下拉分页样式 带跳转页码
Dec 29 Javascript
js中forEach,for in,for of循环的用法示例小结
Mar 14 Javascript
vue实现简单图片上传
Jun 30 Javascript
JavaScript实现广告弹窗效果
Aug 09 #Javascript
谈谈JavaScript中的几种借用方法
Aug 09 #Javascript
Backbone View 之间通信的三种方式
Aug 09 #Javascript
Backbone中View之间传值的学习心得
Aug 09 #Javascript
全面了解函数声明与函数表达式、变量提升
Aug 09 #Javascript
jQuery 生成svg矢量二维码
Aug 09 #Javascript
浅谈JavaScript中变量和函数声明的提升
Aug 09 #Javascript
You might like
MySQL的FIND_IN_SET函数使用方法分享
2012/03/27 PHP
解析php类的注册与自动加载
2013/07/05 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
2020/04/04 PHP
用js实现键盘方向键翻页功能的代码
2007/06/03 Javascript
页面版文本框智能提示JS代码
2009/11/20 Javascript
开发中可能会用到的jQuery小技巧
2014/03/07 Javascript
jQuery遍历之next()、nextAll()方法使用实例
2014/11/08 Javascript
firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
2015/03/01 Javascript
javascript实现的简单计时器
2015/07/19 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
2016/04/01 Javascript
微信jssdk用法汇总
2016/07/16 Javascript
基于JavaScript实现自动更新倒计时效果
2016/12/19 Javascript
详解如何在微信小程序开发中正确的使用vant ui组件
2018/09/13 Javascript
详解nodejs 开发企业微信第三方应用入门教程
2019/03/12 NodeJs
使用easyui从servlet传递json数据到前端页面的两种方法
2019/09/05 Javascript
layui使用form表单实现post请求页面跳转的方法
2019/09/14 Javascript
Vue分页效果与购物车功能
2019/12/13 Javascript
Vue3配置axios跨域实现过程解析
2020/11/25 Vue.js
django 通过ajax完成邮箱用户注册、激活账号的方法
2018/04/17 Python
python 读取txt中每行数据,并且保存到excel中的实例
2018/04/29 Python
python爬取cnvd漏洞库信息的实例
2019/02/14 Python
Django中的静态文件管理过程解析
2019/08/01 Python
pytorch实现seq2seq时对loss进行mask的方式
2020/02/18 Python
北美最大的零售退货翻新商:VIP Outlet
2019/11/21 全球购物
制定岗位职责的原则
2013/11/08 职场文书
后勤部长岗位职责
2013/12/14 职场文书
考试作弊检讨书大全
2014/02/18 职场文书
管理工程专业求职信
2014/08/10 职场文书
2015年勤工助学工作总结
2015/04/29 职场文书
小鞋子观后感
2015/06/05 职场文书
郭明义观后感
2015/06/08 职场文书
优秀教师工作总结2015
2015/07/22 职场文书
JavaScript中isPrototypeOf函数
2021/11/07 Javascript
最新最全的手机号验证正则表达式
2022/02/24 Javascript
HTML中的表格元素介绍
2022/02/28 HTML / CSS