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