【自学笔记】$state.go(),无法跳转(地址异常)的问题

经常接触HTML,刚学AngularJS容易踩到的坑!

也算不上什么问题,一点注意事项吧。

ps:自学真难,尤其遇到问题还百度不到的时候,一纠结起来,一上午时间就没了!

先贴代码:


    Click me!
//app.js
$urlRouterProvider.otherwise('home');  //默认路由
$stateProvider.state('home', {  
    url: '/home', 
    templateUrl: 'tpls/part.html', 
    controller: 'PartController'
}).state('test', {
    url: '/test',
    template: '

Hello

' });
//controller.js
myControllers.controller('PartController', ['$scope', '$state', function ($scope, $state) { 
    $scope.go = function(url){
        $state.go(url);
    }
}]);  

乍一看,没啥问题。

但结果却是:

【自学笔记】$state.go(),无法跳转(地址异常)的问题_第1张图片

可以看到,并没有跳转。

但是实际页面却是刷新过后的。(GIF图片帧数太低,可能看不到)

找找问题吧,

先把默认路由给注释掉看看。

【自学笔记】$state.go(),无法跳转(地址异常)的问题_第2张图片

真是神奇,页面跳转了两次,可以预见:

在正常$state.go()跳转之后,又进行了次跳转,这次跳转就是因为地址(index.html#)错误,而跳回了默认路由。

这个错误地址(index.html#)不用想,就知道就是罪魁祸首!!!

说了这么多,纠结了一上午,就是因为这个href!

ps:再重写,我就自杀!(做gif动图,老用浏览器打开,顺手就把博客窗口一起关了,我这是第五次编写了!)


你可能感兴趣的:(AngularJS)