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 相关文章推荐
提高网站信任度的技巧
Oct 17 Javascript
javascript获取ckeditor编辑器的值(实现代码)
Nov 18 Javascript
给js文件传参数(详解)
Jul 13 Javascript
深入探讨javascript函数式编程
Oct 11 Javascript
jQuery复制节点用法示例(clone方法)
Sep 08 Javascript
babel之配置文件.babelrc入门详解
Feb 22 Javascript
vue-router重定向和路由别名的使用讲解
Jan 19 Javascript
JS实现查找数组中对象的属性值是否存在示例
May 24 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
Sep 25 Javascript
JavaScript Reflect Metadata实现详解
Dec 12 Javascript
微信小程序实现搜索框功能及踩过的坑
Jun 19 Javascript
vue实现井字棋游戏
Sep 29 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
PHP static局部静态变量和全局静态变量总结
2014/03/02 PHP
php+mysql实现用户注册登陆的方法
2015/01/03 PHP
使用Thinkphp框架开发移动端接口
2015/08/05 PHP
ZF框架实现发送邮件的方法
2015/12/03 PHP
表单填写时用回车代替TAB的实现方法
2007/10/09 Javascript
几个比较实用的JavaScript 测试及效验工具
2010/04/18 Javascript
JS实现切换标签页效果实例代码
2013/11/01 Javascript
一个获取第n个元素节点的js函数
2014/09/02 Javascript
jQuery抛物线运动实现方法(附完整demo源码下载)
2016/01/08 Javascript
vue实现留言板todolist功能
2017/08/16 Javascript
Javascript前端下载后台传来的文件流代码实例
2020/08/18 Javascript
Python操作csv文件实例详解
2017/07/31 Python
一个Python最简单的接口自动化框架
2018/01/02 Python
浅谈python爬虫使用Selenium模拟浏览器行为
2018/02/23 Python
python随机取list中的元素方法
2018/04/08 Python
Django 使用logging打印日志的实例
2018/04/28 Python
解决Python plt.savefig 保存图片时一片空白的问题
2019/01/10 Python
如何用Python来搭建一个简单的推荐系统
2019/08/07 Python
Python pandas.DataFrame 找出有空值的行
2019/09/09 Python
python不使用for计算两组、多个矩形两两间的iou方式
2020/01/18 Python
python实现对变位词的判断方法
2020/04/05 Python
python库skimage给灰度图像染色的方法示例
2020/04/27 Python
python中pickle模块浅析
2020/12/29 Python
CSS3 函数技巧 用css 实现js实现的事情(clac Counters Tooltip)
2017/08/15 HTML / CSS
Yahoo的PHP面试题
2014/05/26 面试题
一套英文Java笔试题面试题
2016/04/21 面试题
文明青少年标兵事迹材料
2014/01/28 职场文书
生物科学专业职业规划书范文
2014/02/11 职场文书
保密协议书范本
2014/04/22 职场文书
大学生求职信范文
2014/05/24 职场文书
手术室护士节演讲稿
2014/08/27 职场文书
医生党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
公司领导班子召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
党的群众路线教育实践活动督导组工作情况汇报
2014/10/28 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书
bat批处理之字符串操作的实现
2022/03/16 Python