[MÚSICA]
Onde há um formado há validação logo atrás dele.
Então, o que o suporte angular para fazer reativo para validação?
Isso é o que vamos falar nesta palestra.
Angular fornece um conjunto de validadores que estão incluídos junto com módulo reativo.
Nós já vimos em t exercício anterior incluiu
os validadores em nosso arquivo component.tc de contato.
Como fazemos uso disso dentro da nossa aplicação?
Então, vamos dar uma olhada em como podemos fazer validação de formulário dentro de nosso aplicativo.
Para usar os validadores construídos e que angulares suportam para
formulários reativos, eles incluem os validadores em nosso arquivo componente.
E depois disso nós, se estamos usando o Form Builder
, então podemos aplicar os validadores, como mostrado neste exemplo.
Assim, para cada uma das propriedades que você define, você também pode definir o valor para
a propriedade como uma matriz contendo o valor inicial + um conjunto de validadores.
Então, neste caso, eu apliquei os validadores necessários para
todos esses elementos diferentes aqui.
Você pode aplicar mais de um validador.
Você pode declará-los como parte deste array aqui.
Então, aqui neste exemplo, você me vê aplicando os validadores necessários.
Da mesma forma, há um comprimento mínimo do validador, comprimento máximo,
e outros um total disponível em angular.
Uma vez que você aplicar os validadores, em seguida, como inspecionar as propriedades do controle de polegar
para descobrir se há erros e
para aumentar o feedback apropriado para o usuário para informá-los sobre os erros?
Assim, você pode inspecionar qualquer valor
dentro de um controle de formulário observando sua propriedade da seguinte forma.
Então, por exemplo, se você tiver que examinar o status do controle de formulário primeiro nome,
então você pode dizer feedbackForm.Get que codifica firstname.status ou você pode dizer,
feedbackform.Get Telnum.hasError e, em seguida, dizer que é necessário.
Então, todos estes serão ou ser verdadeiro ou falso.
Dependendo de seus estados atuais.
Então, usando .value você obtém o valor do próprio controlador de formulário.
Então você pode dizer FeedbackForm.get ('firstname') .value.
E isso retornará o valor atual que é inserido no controle de formulário.
Esse status apenas lhe dá a validade do controle de formulário.
Pode ser válido ou inválido pendente ou desativado.
Da mesma forma, você pode verificar o valor intocada.
Você pode verificar se há intocada ou
sujo, assim como usamos intocada e sujo nos formulários de modelo anteriores.
Semelhante a isso, você pode verificar intocada e sujo para verificar se é
true, então o controle de forma é .pristine ou .dirty.
E da mesma forma, .intocado e .tocado.
O intocado e tocado será verdadeiro se o usuário ainda não tiver
inserido um valor HTML no controle HTML e acionar seu evento de desfoque.
Então, o que significa que você inseriu o valor, e então deixe isso em ordem para
o intocado ou tocado para ser definido como true ou false.
Veremos o uso destes no exercício que se segue onde
usaremos esses validadores e também inspecionaremos os controles de formulário
, a fim de decidir se há erros em nosso pensamento.
[MÚSICA]