2017-02-21 20 views
0

プログラムで状態を変更しようとすると、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> 

ワットelcome.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>

ここで問題になる可能性がありますか?私はイオンや角に慣れていないし、文字通り2日間ここにこだわっている。試したグーグルで、他の人もこの問題を抱えていることがわかりましたが、それらのどれも私の問題を解決していないようです。

+0

より多くのコードを提供し、問題は、あなたが提供しているものから来ていません。 – Mistalis

+0

コードを追加しました。アプリの宣言とイオン性コードワコーのコード以外に何もありません。 –

+0

あなたの依存関係はあなたのモジュールに '' ui.router''を注入しましたか? – nivas

答えて

-2
$state.go('signup') 

は、テンプレートパスが正しい場合は正しく動作するはずです。

それともSITE_URLはあなたのウェブサイトのURLを提示し

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

パス形式の下にしようとEX- www.examlple.com

+0

それは私が意味したものではありません。私はリンクを直接クリックするのではなく、プログラム的に状態を変更したい。 –

+0

テンプレートパスが正しいかどうかを確認してください。また、ブラウザコンソールでエラーがないかチェックしてください。 –

+0

コンソールには何もありません。死としての白。 –

関連する問題