<ons-template id="login.html">
<ons-page>

<!-- Template para demonstração, você chama a função entrar, ela puxa um template,
verifica qualquer o input e retorna para o template de login.
quando vc modifica o valor do input, e envia novamente, ele mantém o valor da primeira vez pra sempre =D
    -->

    <input type="text" class="text-input nome" placeholder="Nome">
    <ons-button class="login-button" ng-click="entrar();">Entrar</ons-button><br><br>
</ons-page>
</ons-template>


<script>
function entrar(){ // Função chamada no click Entrar
nav.pushPage('loading.html', { animation: 'slide' }) // Chama o template loading, apenas mensagem com gif
    var nome = $('.nome').val(); // Pega o valor do input nome
        alert(nome); // Aqui aparece o valor do input, que sempre repete o da primeira tentativa, louco, não?
        if(nome != ''){ // Verifica se o input está vazio
        nav.pushPage('login.html', { animation: 'slide' }) // Se não estiver vazio, retorna para a página de login
        }
}
</script>