AngularJS利用Controller完成URL跳转
GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
【 如果你想靠AI翻身,你先需要一个靠谱的工具! 】
具体写法举例:
1.js定义一个controller
1 2 3 4 5 6 7 8 9 | function MyCtrl($scope, $location) { $scope.jumpToUrl = function (path) { //TODO:add code here }; } |
2.html里面应用controller
1 2 3 4 5 | < div ng-controller=‘MyCtrl'> < button ng-click = "jumpToUrl('/signin')" >signin</ button > </ div > |
3.controller里面TODO的位置填入
然后运行起来就可以看效果了。
假设当前页面的url是:http://127.0.0.1:8080/#/home
$location.path(path);执行后就会跳到http://127.0.0.1:8080/#/signin
如果你发现页面不能正常跳转,可以在$location.path(path);
后面再加上一句
调试跟踪页面时查看curUrl的值到底变成多少,大概就能猜出问题出在哪了。
好了,以上就是在AngularJS利用Controller完成URL跳转的全部内容,希望本文对大家学习AngularJS有所帮助。
微信公众号搜索 “ 脚本之家 ” ,选择关注
程序猿的那些事、送书等活动等着你
相关文章
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
这篇文章主要介绍了AngularJs的UI组件ui-Bootstrap之Tooltip和Popover,tooltip和popover是轻量的、可扩展的、用于提示的指令。具有一定的参考价值,感兴趣的小伙伴们可以参考一下2018-07-07Angular directive递归实现目录树结构代码实例
本篇文章主要介绍了Angular directive递归实现目录树结构代码实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-05-05AngularJS下$http服务Post方法传递json参数的实例
下面小编就为大家分享一篇AngularJS下$http服务Post方法传递json参数的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03AngularJS之自定义服务详解(factory、service、provider)
本篇文章主要介绍了AngularJS之自定义服务详解(factory、service、provider),具有一定的参考价值,感兴趣的小伙伴们可以参考一下。2017-04-04详解Angular 4.x NgTemplateOutlet
这篇文章主要介绍了详解Angular 4.x NgTemplateOutlet,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-05-05
最新评论