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.
Ja, danke. Das war eines der Probleme. Ein zusätzlicher Schritt zur Lösung des Problems (gemäß der Dokumentation) bestand darin, ion-nav-view> durch zu ersetzen und alle Tags aus den Partials zu entfernen. –
CannotCode