Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Beuleal

[AngularJS] Multiplos HTML

Recommended Posts

Fala galera,

 

Sou novo com angular js, mas conheço bem de js

 

Estou com uma dúvida:

 

Eu tenho um projeto com 3 páginas html:

  • index.html : página de login, para validar o usuário.
  • check.html : core do sistema, é nela que ocorre toda a interação com o usuário
  • play.html : Resultado da check.html
Estudando um pouco de AngularJS, eu me deparei com as seguintes dúvidas:
  • Cada pagina terá um ng-app diferente?
  • Cada página terá um controller?
  • Tem como deixar o header fixo (como normalmente se faz em php com require)?
  • Qual seria a boa prática? Resumir essas 3 paginas em uma página só?
Obrigado :D

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bem, se vc tá querendo criar 3 arquivos diferentes, então cada arquivo terá que ter seu ng-app e ng-controller, assim como cada arquivo terá de ter suas tags html.

 

Sobre deixar o header fixo, talvez não o mesmo resultado pois o Javascript vai buscar informação depois que a página é carregada, então creio que seja melhor dizer que não, mas falarei mais o que penso no próximo tópico

 

Eu resumiria as 3 páginas em uma só e cada página que inicialmente seriam separadas teriam seu próprio controller

 

 

Exemplo:

<html ng-app="whateverApp">
...
<body>

<div id="login" ng-controller="loginController">
</div>

<div id="check" ng-controller="checkController">
</div>

<div id="play" ng-controller="playController">
</div>

<javascript>
var app = angular.module("whateverApp", []);
app.controller("loginController", function(){...});
app.controller("checkController", function(){...});
app.controller("playController", function(){...});
</javascript>

</body>
</html>

PS: Não sei como funcionario o que vc quer, ou se tem PHP envolvido, mas oficialmente os Controllers não trocam informações entre si, dá pra fazer, mas é meio gambiarra, se eles precisam se comunicar, então fica tudo em um único controller.

Compartilhar este post


Link para o post
Compartilhar em outros sites

hm... eu tenho um servidor rest node express para gerenciar os usuários.

 

login me daria um location.href (sei q esta sem segurança) para check. Check, analisa umas entradas do usuário e joga para play. Play processa os dados que check passa.

 

O angular trata de ocultar as divs e mostrarem as que devem serem processadas, ou eu tenho q fazer js puro?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Oculta, veja esse exemplo do próprio website deles:

 

https://angularjs.org/#wire-up-a-backend

 

Ainda estou aprendendo o AngularJS e nunca fiz isso, mas esse exemplo mostra que sim, dá pra ocultar todas as informações e ir as mostrando a medida que vai apertando os botões. Na verdade AngularJS é um framework, logo ele faz o que faria com Javascript puro, porém com as peculiaridades próprias.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.