Ionic:$ state.go更改了网址,但未加载视图

时间:2017-02-21 08:57:59

标签: angularjs ionic-framework angular-ui-router url-routing

当我尝试以编程方式更改状态时,URL会更改,但视图未加载。刷新页面后,它会完美加载,但使用$window.location.reload(true);重新加载它似乎有点不寻常。

控制器

myApp.controller('WelcomeController', ['$scope', '$state',  '$window', 
     function($scope, $state, $window) {
         $scope.changePage = function() {
             $state.go('signup');
             // $window.location.reload(true);
         };
     }
]);

$stateProvider.state('signup', {
    url: '/signup',
    templateUrl: 'templates/signup.html',
    controller: 'LoginController'
}).state('welcome', {
    url: '/welcome',
    templateUrl: 'templates/welcome.html',
    controller: 'WelcomeController'
});

signup.html

<ion-view view-title="Signup">
    <ion-content class="padding">
        <h2>Form</h2>   
    </ion-content>
</ion-view>

welcome.html

<ion-view view-title="Welcome">
    <ion-content class="padding">
        <a class="button" href="#/signup">Sign In</a>
        <button class="button" ng-click="changePage()">Sign In Programmatic</a>
    </ion-content>
</ion-view>

的index.html

<body ng-app="myApp" ng-strict-di>
    <ion-nav-bar class="bar-positive">
        <ion-nav-back-button></ion-nav-back-button>
    </ion-nav-bar>
    <ion-nav-view></ion-nav-view>
</body>

这很好用:<a class="button" href="#/signup">Sign In</a>

这可能是什么问题?我是离子或棱角分明的新手,在这里坚持了两天。尝试谷歌搜索,发现其他一些人也有这个问题,但似乎没有一个解决我的问题。

1 个答案:

答案 0 :(得分:-2)

 $state.go('signup') 
如果您的模板路径正确,

应该可以正常工作。

或尝试以下路径格式

templateUrl: site_url+'templates/signup.html',

site_url为您提供网站网址www.examlple.com