urlRouterProvider
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.
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
Curtidas 0