プログラムで状態を変更しようとすると、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日間ここにこだわっている。試したグーグルで、他の人もこの問題を抱えていることがわかりましたが、それらのどれも私の問題を解決していないようです。
より多くのコードを提供し、問題は、あなたが提供しているものから来ていません。 – Mistalis
コードを追加しました。アプリの宣言とイオン性コードワコーのコード以外に何もありません。 –
あなたの依存関係はあなたのモジュールに '' ui.router''を注入しましたか? – nivas