@CanalQb

Node.js - AngularJS - Editando o Primeiro Modelo no my-app com Mobile


Exemplo rápido de como editar alguns módulos do my-app criado no post Mobile - AngularJS - Instalação completa .

A instalação do modulo AngularJS, criada no post anterior, criou uma pasta chamada my-app, dentro desta pasta, temos uma pasta com o nome scr, e por fim a aplicação mobile genérica criada.

Dados criado pelo modulo.

Alterando Titulo do aplicativo

Abra o arquivo src / app / app.component.ts, vai a dica eu uso o notepad++, ele é muito bom para arquivos de script.
Abra o arquivo, localize o title='app'; basicamente é o titulo do seu app.



No meu caso eu troquei a palavra 'app' por 'Rodrigo Carlos Moraes'.


O navegador de forma automática, todas as alterações nos arquivos, feita nos arquivos dentro da pasta.

Bom agora vamos abrir o arquivo src / app / app.component.css, e escreva:
h1 {
  color: #369;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 250%;
}
Salve, valide o comportamento da pagina criada http://localhost:4200

Titulo do APP = src / app / app.component.ts
Layout = src / app / app.component.css


Primeira fase de demonstração das funções do AngulasJS completa...

Uma dica, se você reiniciar a computador ou finalizar a tela de prompt em que a aplicação está em execução, a aplicação irá parar, então você precisa iniciar ou reiniciar, como fazer:

Abra o CMD e vá até a pasta
cd c:\app\my-app ou da forma que você decidir
Dentro da pasta que a aplicação criou use ng serve --open, ele demora um pouco para carregar, mas na sequencia concluída ele abre o seu navegador e carrega o link http://localhost:4200.


 

#AngularJS #Editandodd #modelo #my-app #CanalQb