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.
A cópia do código é a seguinte:
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
A cópia do código é a seguinte:
<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:
A cópia do código é a seguinte:
<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.