e Fala jovem Thiago Matos aqui Nesta aula a gente vai criar observadores que vai ficar olhando as paradas aqui no nosso código para executar uma rotina que a gente desejar vem comigo cara muito bacana essa funcionalidade veja que eu tô deixando aqui né no componente praticamente todas as configurações que a gente vem fazendo para você ver né que existe essas configurações aqui então a próxima que a gente vai criar cara é só esses observadores que a gente chama de what beleza Ou seja a gente vai olhar alguma coisa assim que essa coisa se alterar a gente vai executar uma rotina de programação por exemplo vamos supor que a gente tem aqui um campo chamado name certo vamos voltar lá para aquele exemplo do campo meme eu vou colocar um input aqui vou colocar o ver moram Tá certo e nem Beleza nada de novo até aí Isso aqui você já a habitar já estou matando a pau nesse daqui e obviamente se eu digitar aqui meu nome é Thiago marcas aí eu tenho uma me empresta aqui porque tudo é relativo otway Database que você também já está Caraca tudo acontecendo aqui beleza mas vamos supor que assim que eu alterar meu nome assim que alterar esse campo aqui independente Eu quero é essa que tá uma rotina de programação por exemplo eu quero salvar no banco de dados né chamar a minha aí fazer uma conexão Ajax fazer qualquer tipo de ação secundária é feito então como é que eu faço isso eu vou observar esse esse atributo aqui nessa variável de que forma hora eu vou criar uma uma função com o mesmo nome dessa variável E aí o fio tivesse já vai entender já vai fazer essa ligação Opá esse nome aqui é igual a esse Então esse cara aqui está observando esse nome em qualquer alteração ele vai executar essa função aqui e essa função Ela traz dois parâmetros né o novo valor e eu valho à na verdade é o novo valor e o old valeu e o valor antigo Tá certo eu vou imprimir aqui e eu valho e outro ali eu acho que ela essa ontem Acho que ela saiu daqui é beleza que que vai acontecer assim que essa variável se alterar ele vai se acontece daqui vai imprimir esse cara aqui no Consórcio Vamos lá ver vou colocar apenas um ter aqui né aumentar até o meu console aqui ó mental colocar um tempo Olha lá ele já imprimiu o tempo então ele imprimir a primeira a primeira variável o novo valor porque a antiga era vazio né Agora eu vou botar ati olha só que vai acontecer UTI é um novo valor mais antiga é o tempo então ele traz essas duas alterações que de repente da de repente a sua a programação né a situação secundária precisa pegar o valor antigo e o valor no Tá certo então ele já te dei essa opção e aqui cara é aqui onde acontece a mágica Aqui é onde a gente vai né fazer o nosso Ajax fazer o que a gente quiser por exemplo vou colocar aqui é Ajax né só para a gente saber então a medida que foi digitando ele tá soltando Ajax aí lá para o barquinho beleza e para melhorar ainda nosso código eu posso chamar um método né porque isso é interessante já vai uma dica aí de estrutura de projeto tão interessante você colocar sua rotina toda aqui né você vai colocar vários códigos aqui várias rotinas você pode colocar um wi-fi aqui enfim você vai colocar sua rotina completa aqui mas isso daqui pode ficar muito ou a gente tá mandando muito briser é a parada meio que bagunçado aqui dentro então o que a gente faz a gente extrai essa lógica e a interessante que a lógica EA regra de negócio esteja sempre dentro Olá a todos a gente pode remover tudo aqui certo criar o método aí o método vai ser é serve e usa por exemplo serve usarem Tá certo e aqui a gente tem a nossas regras obviamente a gente não vai ler mais esse parâmetro aqui mas a gente vai ver o parâmetro tem né direto né lembre-se que eu dei é a distância do componente e aqui o atributo name então basicamente a gente ia fazer isso daqui ó diz serve e os Animais ou seja toda vez que isso daqui se alterava né Execute esse cara aqui ó passou Ajax para salvar um homem então vamos lá ver Oi Thiago Olha lá sempre rolando Ajax aí você disse cara eu só quero o executar isso quando eu for três letras aí você pode fazer o seguinte colocar aqui em orvalho E por sinal galera esse daqui é você pode colocar qualquer nome tá isso aqui é um parâmetro pode colocar ver ela aqui que nós normalmente eu utilizo né então eu vou colocar abl7. Lex helenco maior ou igual a 3 é isso E aí só vai executar isso aqui que eu for maior ou igual a 3 deixa eu ver se é isso mesmo é não foi e não foi a aí ele vai pôr então eu posso criar qualquer tipo de regra aqui um tanto que é isso seja pertinente ao meu sistema é feito e galera é um caso de uso é esse daqui outro caso de uso perfeito para gente aqui é quando a gente utiliza a página são e os sistemas certo deixa eu colocar a ciência Lex sed Lex T Lex e aqui eu vou colocar é opção e olha que eu vou colocar 5 10 a 15 supor que a gente tem uma paginação EA gente quer exibir 5 por página 10 por página 15 por página e aqui eu vou colocar um modo eu vou dizer pede alto é a quantidade por página obviamente eu tenho que declarar aqui vai ser primeiro 5 né O valor é o valor digamos padrão dele deixa eu ver aqui como é que isso tá deixar imprimir esse valor aqui a gente calça o prefeito 5 se alterar para 10 10 eu terá 15 15 a isso aqui é um caso de uso perfeito perfeito perfeito assim que essa variável ser alterado eu faço Ajax aí o que é que eu faço aqui Pé Descalço certo observando essa variável sempre aqui ela se alterar eu vou dizer aqui ó gente entende que é uma função e essa função Ele deve estar aonde aonde muito bem muito bem jovem aqui em métodos e atacar que você já tá craque E aí eu faço aqui o Ajax né Vou botar aqui console. Logo Ajax send page eu escrevi errado aqui né tem defeito boa agora sim vai E aí cara olha só quando é o ter aqui ó Ajax send page aí você me manda o Ajax etc então a gente utiliza muito ótimo para observar Campos e fazer Ajax e também fazer outro tipo de rotina como eu falei ações secundárias Tá certo um observação aqui é se você tiver um objeto tá certo esse objeto tem força nem olha só aquilo que legal né e lazer e eu vou removendo nome e na verdade deixando assim aí a gente não perder o exemplo mas eu vou criar outro cara aqui e vai ser e usar ponto e e usa ponto Lago Negro um lacinho e aqui eu vou colocar os dois e usa ponto força nem deusa.
Laço né Deixa eu só ver aqui como tá funcionando o primeiro nome John segundo nome isso não é tá certo aí eu quero observar esse usar aqui olha só que vai acontecer usar eu criei acerta O Observador coloquei o console o ponto logo aqui ou botar é sei lá eu Usa usa alterado qualquer coisa só para a gente ter certeza que a gente está observando essa essa variável aqui usa beleza vamos lá eu espero aqui isso Imprima no console então ué ué não foi porque cara primeiro a gente não está alterando o objeto certo a gente está alterando e campo do objeto beleza é um para a gente provar isso deixa eu ver se ainda tá aqui o meu tá aqui é o único. É o seu ter objeto é ponto zero eu tenho acesso a esse cara ah não haveria é porque não se aqui tá ainda por AP é só estranho deixa dar uma atualizar aqui é ponto usa Agora sim mas eu acho que aconteceu é ponto de uso eu tenho essa cara aqui agora se eu alterar o valor completo do objeto objeto vazio aí ele dispara e usar alterado porque eu alterei esse cara neste caso aqui a gente está alterando o campo e não esse cara aqui aí O Pulo do Gato Aí o pulo do gato aqui vai ser o seguinte cara você vai ter que transformar isso daqui em em objeto o efeito aí você vai passar dois paralamas aqui na verdade dois atributos Primeiro atributo vai ser um chamado regula que é uma função beleza e o segundo você vai colocar um outras pessoas chamadas de E aí tio tá uma explicar isso aqui e aí horrendo assim você vai jogar o console.
