Quando o item é clicado, deveria redicionar para a página "carroescolhido.html", mas não é bem isso que acontece. Ao invés disso, abre uma página em branco, com o título "Alura Car" ainda.. Segue os códigos.
controller.js
1 angular.module('starter').controller('ListagemController', function($scope) {
2 $scope.listaDeCarros = ['BMW 120i', 'ONIX 1.6', 'FIESTA 2.0', 'C3 1.0', 'UNO FIRE', 'SENTRA 2.0',
3 'ASTRA SEDAN', 'VECTRA 2.0 TURBO', 'HILUX 4X4', 'MONTANA CABINE DUPLA', 'OUTLANDER 2.4', 'FUSCA 1500'];
+ 4
+ 5 });
+ 6
+ 7 angular.module('starter').controller('CarroEscolhidoController', function(){
+ 8
9 });routes.js
1 angular.module('starter')
2 .config(function($stateProvider, $urlRouterProvider){
3
4 $urlRouterProvider.otherwise('listagem');
5
6 $stateProvider
7 .state('listagem', {
8 url: '/listagem',
9 templateUrl: 'templates/listagem.html',
10 controller: 'ListagemController'
11 })
12 .state('carroescolhido', {
13 url: '/carroescolhido',
14 templateURL: 'templates/carroescolhido.html',
15 controller: 'CarroEscolhidoController'
16 });
17 });listagem.html
1 <ion-view>
2
3 <ion-nav-title>Alura Car</ion-nav-title>
4
5 <ion-content>
6 <ion-list>
7 <ion-item ng-repeat="carro in listaDeCarros" href="#/carroescolhido">{{carro}}</ion-item>
8 </ion-list>
9 </ion-content>
10 </ion-view>carroescolhido.html
1 <ion-view>
2 <ion-nav-title>Carro Escolhido</ion-nav-title>
3
4 <ion-content>
5 <div class="card">
6 <div class="item item-divider"></div>
7 <div class="item item-text-wrap"></div>
8 <div class="item item-divider"></div>
9 </div>
10 </ion-content>
11 </ion-view>