離子視圖不轉換

我正在實施單頁離子/科爾多瓦應用程序並嘗試使用離子視圖。我在互聯網的每個角落都搜索過，嘗試過一百萬個解決方案，沒有人像我一樣遇到同樣的問題。我的問題是：無論何時我嘗試從一個視圖切換到另一個視圖，而不是替換舊視圖，新視圖正在追加。因此，我有一個頁面，幾個視圖混在一起。離子視圖不轉換

在我的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'); 
});

任何幫助將不勝感激。

來源

2016-04-24 CannotCode

首先確保您的項目取決於'ui.router'模塊。第二次使用$ state.go而不是修改位置只是爲了清楚。

來源

2016-04-24 10:53:02 AnatolyS

是的，謝謝。這是問題之一。解決問題所需的額外步驟（根據文檔）完全是用

替換，並從部分中刪除所有標籤。 – CannotCode

離子視圖不轉換

回答

相關問題