2016-04-24 9 views
0

イオンビューを使用しようとしています。 私はインターネットのあらゆる場所を検索し、100万のソリューションを試しましたが、誰も私と同じ問題を抱えているようです。 私の問題は、あるビューから別のビューに切り替えようとするたびに、古いビューを置き換えるのではなく、新しいビュー が追加されていることです。その結果、私はいくつかのビューが混在したページを持っています。私のindex.htmlでイオンビューが切り替わらない

私はこのコードを使用します。

<body ng-app="garage"> 
<ion-header-bar class="bar-stable"> 
    ..... 
</ion-header-bar> 

<ion-nav-view></ion-nav-view> 

<ion-footer-bar class="bar bar-footer" ng-controller="AppCtrl" 
ng-hide="isActive('/home') || isActive('/reg')"> 
    ....... 
</ion-footer-bar> 
</body> 

別のビューにリダイレクトしようとする私のHomeCtrlのコード:

$location.path('main'); 

マイapp.jsファイル:

angular.module('garage', ['ionic', 'angularGrid', 'ngRoute', 'ngCordova','ui.bootstrap']).run(function($ionicPlatform) { 
$ionicPlatform.ready(function() { 
if(window.cordova && window.cordova.plugins.Keyboard) { 
    cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
    cordova.plugins.Keyboard.disableScroll(true); 
} 
if(window.StatusBar) { 
    StatusBar.styleDefault(); 
} 
}); 
}).config(function($stateProvider, $urlRouterProvider){ 
$stateProvider 
.state('home', { 
    url: '/home', 
    templateUrl: 'partials/home.html', 
    controller: 'HomeCtrl' 
}) 
.state('main', { 
    url:'/main', 
    templateUrl: 'partials/main.html', 
    controller: 'MainCtrl' 
}); 
$urlRouterProvider.otherwise('/home'); 
}); 

ご協力いただければ幸いです。

答えて

3

まず、プロジェクトが「ui.router」モジュールに依存していることを確認します。 2番目には、分かりやすくするために場所を変更するのではなく、$ state.goを使用します。

+0

はい、ありがとうございます。それが問題の一つでした。この問題を(ドキュメントごとに)解決するために必要な追加ステップは、

に置き換え、タグをすべて部分から削除することでした。 – CannotCode

関連する問題