AngularJS利用Controller完成URL跳转
具体写法举例:
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有所帮助。
相关文章
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
这篇文章主要介绍了indexedDB bootstrap angularjs之 MVC DOMO (应用示例)的相关资料,需要的朋友可以参考下2016-06-06Angular 的 Change Detection机制实现详解
这篇文章主要为大家介绍了Angular 的 Change Detection机制实现详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2022-10-10Angular.js 4.x中表单Template-Driven Forms详解
Angular 4.x 中有两种表单,一种是Template-Driven Forms - 模板驱动式表单,另外一种是Reactive Forms - 响应式表单 ,下面这篇文章主要给大家介绍了Angular.js 4.x中表单Template-Driven Forms的相关资料,需要的朋友可以参考学习,下面来一起看看吧。2017-04-04
最新评论