Para ilustrar como o AngularJS aprimora o HTML padrão, primeiro criaremos um modelo estático de página HTML e depois converteremos esse modelo de página HTML estática em um modelo AngularJS que pode ser exibido dinamicamente.
Nesta etapa, adicionamos as informações básicas de dois telefones à página HTML e redefinimos o diretório de trabalho para a etapa 1 com o comando a seguir.
checkout git -f etapa -1
Edite o arquivo app/index.html, adicione o seguinte código ao arquivo index.html e execute o aplicativo para visualizar o efeito.
app/index.html
<ul> <li> <pan> nexus s </span> <p> Rápido acabou de ficar mais rápido com o Nexus S. </p> </li> <li> <pan> Motorola Xoom ™ com wi-fi </span> <p> O próximo tablet da próxima geração. </p> </li> </ul>
prática
Tente adicionar múltiplos código HTML estático ao index.html, por exemplo:
<p> Número total de telefones: 2 </p>
Resumir
Esta etapa adiciona uma lista de telefone HTML estática ao aplicativo, agora vamos à etapa 2 para entender como gerar dinamicamente a mesma lista usando o AngularJS.
O exposto acima está a informação que classifica o modelo estático dos angulares. Continuaremos a adicionar informações relevantes no futuro. Obrigado pelo seu apoio a este site!