[MÚSICA]
Deixe-nos saber brevemente formas de valor e suporte de formulários em Angular.
Já vimos o uso de formulários no curso de bootstrap anterior e
vimos como bootstrap nos permite estilizar os formulários HDMI padrão.
Nesta lição, vamos olhar para o suporte angular para formulários,
dois tipos diferentes de formas, formas orientadas por modelos e formas reativas.
Vamos olhar para a diferença entre os dois, e
onde cada um deles é adequado dentro da nossa aplicação Angular.
Vamos analisar as vantagens e desvantagens de cada abordagem
com mais detalhes nesta lição e na próxima lição.
Além disso, vamos olhar para validação de formulário, como Angular suporta validação de formulário,
e como podemos realizar validação de formulário para o nosso modelo impulsionado formulário
na próxima palestra, após o exercício.
Nós já percebemos que os formulários suportam uma experiência de entrada de dados coesa, eficaz e
atraente para os usuários.
Você vê formulários sendo usados em todos os lugares em sites.
Por exemplo,
quando você precisa fazer login em um site, você precisa digitar seu ID de usuário e senha.
Ou quando você precisa enviar informações, por exemplo.
Se você estiver reservando um ingresso de filme, ou se estiver fazendo
um pedido em um supermercado online, ou muitos outros casos de uso,
formulários são amplamente usados para fornecer uma maneira abrangente de usuários
inserir informações nos sites ou na aplicação web.
A estrutura Angular fornece suporte abrangente para formulários
, incluindo formulários e validação de formulários.
É aqui que aproveitamos o suporte Angular para vinculação de dados bidirecional
e rastreamento de alterações que fazemos nos elementos de formulário, e também validação de formulário.
Assim, quando você insere dados em campos de entrada em seu formulário,
os dados são automaticamente avaliados com suporte Angular para formulários.
Vamos olhar para alguns deles com mais detalhes à medida que passamos pelas lições.
Deixe-me lembrá-lo rapidamente dos próprios formulários HTML.
Você já sabe que os formulários são suportados por meio do elemento formulário
em sua página HTML.
Junto com o elemento de formulário, dentro da tag de formulário, você também pode incluir itens
como , ,, e s, e muitos mais.
Vamos ver como o suporte Angular funciona em conjunto com os elementos de formulário HTML
, nos permitem projetar dois tipos diferentes de formas,
formas orientadas por modelo e também formas reativas em Angular.
Nesta lição, vamos nos concentrar no suporte Angular para formas orientadas por modelos.
Em uma forma orientada por modelo, eles usarão o modelo angular junto com
os elementos de formulário que acabamos de ver para ser capaz de construir formas e
fazer uso de suporte angular para formas orientadas por modelo.
E nós seremos capazes de vincular as diretivas específicas de formulário angular aos elementos de formulário
dentro de nossos modelos e, em seguida, aproveitar a ligação de dados bidirecional
que também formam validação e suporte a erros que Angular fornece para nós.
No exercício que se segue imediatamente,
esta palestra analisará como podemos desenhar uma forma orientada por modelos.
Em particular, também veremos como vinculação de dados bidirecional com
Angular suporta, usando a diretiva ngModel pode ser aproveitado para
amarrando as informações do seu formulário para
algumas variáveis JavaScript que você declarou dentro de suas classes.
No exercício que imediatamente se segue a esta palestra,
olhamos para como podemos desenhar uma forma orientada por modelos.
Em particular, veremos como vinculação de dados bidirecional que Angular suporta usando
a diretiva ngModel pode ser aproveitada para vincular as informações de
seu formulário a algumas variáveis JavaScript que você declara dentro de suas classes.
E é aqui que a banana em uma caixa que mencionamos
anteriormente com a diretiva NGModel vem em nosso auxílio.
À medida que passamos pelos exercícios, isso ficará ainda mais claro.
Agora vamos aprender como aproveitar o suporte Angular para
formulários orientados por modelo para projetar nossos formulários nos exercícios.
[MÚSICA]