Enrutador angular: la URL cambia pero la vista no se carga
Acabo de comenzar a adaptar la aplicación de navegación de pestañas angulares / iónicas de muestra y me he encontrado con un problema. Cuando hago clic en un enlace en una vista (una lista de todos los viajes), debería ser llevado a una pantalla con detalles sobre ese viaje en particular. (Adaptado de los 'chats' en la aplicación de muestra. Sin embargo, no funciona del todo. La URL cambia a la URL esperada pero la vista / página no cambia en absoluto. Cuando intento actualizar la página, me toman Volver a mi estado / página predeterminado.
Los controladores son:
.controller('JourneysController', function($scope, $log, JourneyHandler) {
'use strict';
$log.debug('Activating the journey controller');
$scope.journeys = JourneyHandler.getJourneys();
})
.controller('JourneyDetailController', function($scope, $stateParams, $log) {
'use strict';
$log.debug('Activating the journey detail controller');
$scope.journey = {
journeyId: 0,
journeyStart: new Date()
};
})
losapp.js
define los estados como:
.state('tab.journeys', {
url: '/journeys',
views: {
'tab-journeys': {
templateUrl: 'templates/tab-journeys.html',
controller: 'JourneysController'
}
}
})
.state('tab.journey-detail', {
url: '/journey',
views: {
'tab-journey-detail': {
templateUrl: 'templates/journey-detail.html',
controller: 'JourneyDetailController'
}
}
});
$urlRouterProvider.otherwise('/tab/dash');
y las plantillas relevantes son:tab-journeys.html
<ion-view view-title="My Journeys">
<ion-content>
<ion-list>
<ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="journey in journeys" type="item-text-wrap" href="#/tab/journey">
<h2>{{journey.journeyId}}</h2>
<p>{{journey.routeId}}</p>
<i class="icon ion-chevron-right icon-accessory"></i>
<ion-option-button class="button-assertive">
Delete
</ion-option-button>
</ion-item>
</ion-list>
</ion-content>
</ion-view>
yjourney-detail.html
<ion-view view-title="Journey Detail">
<ion-content>
<p>This is where the journey details will go.</p>
</ion-content>
</ion-view>
No hay errores en la consola, así que realmente no puedo entender por qué no funciona.