urlRouterProvider

03/07/2017

0

Bom dia,
Estou com um problema ao tentar montar a rota , tenho uma tela de login que ao clicar no botão , não roteia para as proximas páginas

1º Tela de login , ao clicar no botao entrar
2º Chama uma tela de Tab e configurado a pagina inicial.

Porém ao clicar no entrar a pagina não é acionada.

<ion-view view-title="Login" data-ng-controller="LoginController as vmLogin" class="Background">
  <ion-content style="background-image: url(http://clash-wiki.com/images/media/wallpapers/clash-of-clans-balloon-wallpaper.jpg); background-position: center;background-size: cover;background-repeat: no-repeat; text-align: center"
    class="font-clash">
    <form ng-submit="vmLogin.OnLogin(vmLogin.Login)">
      

     <div class="list card">
        <div class="item item-body">
          <!--<img src="http://srp.trdinfotech.com/login1.jpg" style="width: 200px;height:200px ">-->
          <p style="height: 22px">
            <input type="text" class="font-clash placeholder-white" style="font-size: 8px;color: white; background-color: rgba(0, 0, 0, 0.78); 
                            width:90%; border-radius: 5px;padding-left: 10px; " placeholder="Tag Member clash" data-ng-model="vmLogin.Login.TagMember">
          </p>
          <p style="height: 22px">
            <input type="password" class="font-clash placeholder-white" style="font-size: 8px;color: white; background-color: rgba(0, 0, 0, 0.78); 
                            width:90%; border-radius: 5px;padding-left: 10px; " placeholder="Senha" data-ng-model="vmLogin.Login.password">
          </p>
          <a ng-href="/#/CadastroLogin" class="font-clash" style="color: white">não possuo cadastro</a> <a href="/#/RecuperarSenha"
            class="font-clash" style="color: white">recuperar senha</a>
          <p></p>
          <!--<button type="submit" value="submit" class="button font-clash" style="width: 70%;background-color: transparent;border-color: white;color: white">Entrar</button>-->
          <a ng-href="/#/Tabs/MeuCla" class="button button-light font-clash" style="width: 70%;background-color: transparent;border-color: white;color: white">Entrar</a>
        </div>
      </div>
    </form>
  </ion-content>
</ion-view>


angular
  .module('ClashChallenge', ['ionic'])
  .controller('MeuClaController', MeuClaController)
  .controller('DesafioController', DesafioController)
  .controller('CriarDesafioController', CriarDesafioController)
  .controller('LoginController', LoginController)
  .controller('CadastroLoginController', CadastroLoginController)
  .controller('RecuperarSenhaController', RecuperarSenhaController)
  .config(function ($stateProvider, $urlRouterProvider, $ionicConfigProvider) {
    $ionicConfigProvider.tabs.position('botton')
    $stateProvider
    
      .state('Login',
      {
        url: '/Login',
        templateUrl: 'pages/Login.html',
        controller: 'LoginController'
      })
      .state('Tabs',
      {
        url: '/Tabs',
        abstract: true,
        templateUrl: 'pages/Tabs.html'
      })
      .state('Tabs.MeuCla',
      {
        url: '/MeuCla',
        views: {
          'MeuCla': {
            templateUrl: 'pages/MeuCla.html',
            controller: 'MeuClaController'
          }
        }
      })
      .state('Tabs.Desafios',
      {
        url: '/Desafios',
        views: {
          'Desafios': {
            templateUrl: 'pages/Desafios.html',
            controller: 'DesafioController'
          }
        }
      })
      .state('Tabs.CriarDesafio',
      {
        url: '/CriarDesafio',
        views: {
          'CriarDesafio': {
            templateUrl: 'pages/CriarDesafio.html',
            controller: 'CriarDesafioController'
          }
        }
      })
      .state('CadastroLogin',
      {
        url: '/CadastroLogin',
        templateUrl: 'pages/CadastroLogin.html',
        controller: 'CadastroLoginController'

      })
      .state('RecuperarSenha',
      {
        url: '/RecuperarSenha',
        templateUrl: 'pages/RecuperarSenha.html',
        controller: 'RecuperarSenhaController'

      })
    $urlRouterProvider.otherwise('/Login');
  })
Jeferson Xavier

Jeferson Xavier

Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar