0
respostas

Problema tonar o item em um link!

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>

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software