2016-04-24 7 views
0

Ich bin eine einzelne Seite ionische/Cordova-Anwendung implementieren und versuchen, Ionen-Ansichten zu verwenden. Ich habe in jeder Ecke des Internets gesucht, versuchte eine Million Lösungen und niemand scheint das gleiche Problem wie meins zu haben. Mein Problem ist: Immer wenn ich versuche, von einer Ansicht zur anderen zu wechseln, wird anstelle der alten Ansicht die neue Ansicht angefügt. Als Ergebnis habe ich eine Seite mit mehreren Ansichten zusammengemischt.Ionic Views nicht wechseln

In meinem index.html verwende ich diesen Code:

<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> 

Der Code in meinem HomeCtrl, die zu einer anderen Ansicht zu Umleitung versucht:

$location.path('main'); 

Meine app.js Datei:

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

Jede Hilfe wird geschätzt.

Antwort

3

Stellen Sie zunächst sicher, dass Ihr Projekt vom 'ui.router' Modul abhängt. Bei der zweiten Verwendung verwenden Sie $ state.go, anstatt den Standort nur zur besseren Übersicht zu ändern.

+0

Ja, danke. Das war eines der Probleme. Ein zusätzlicher Schritt zur Lösung des Problems (gemäß der Dokumentation) bestand darin, durch

zu ersetzen und alle Tags aus den Partials zu entfernen. – CannotCode