e Fala jovem Thiago Matos aqui Nesta aula a gente vai aprender um conceito muito importante do vídeo é esse que é o tapa time e Paraíso a gente vai utilizar uma nova diretiva chamada de ver brinde vem comigo cara essa diretiva até a gente já usou na aula passada que é esse vi pais ou verbais como você queira chamar certo e o que isso faz isso cara te dar uma instrução para dizer que esse atributo vai ser um atributo dinâmico ou seja todo o valor que a gente passar para aqui para dentro vai ter que
ser dinamicamente como assim puxar vamos lá vamos lá para o parque se eu tenho uma imagem aqui eu vou buscar o endereço de uma imagem aqui vai ser rodar já tô até um site aberto aqui pode ser rosa.com é interessante esse site para você pegar né e fazer placeholder de imagens Tá certo então ela é bem bacana achou apagar aqui que ele copia sempre mais do que o necessário eu saio e eu tenho a imagem 150 pixels beleza aí esse áudio aqui eu quero colocar o meu texto alternativo da imagem vamos supor que aqui é
foto Foto de Johnson pensa alternativo Beleza se eu for lá no código esse texto deve tá lá foto de Johnson é massa demais o cara se eu pegar esse texto agora vou dizer assim o cara isso aqui tá vindo do banco de dados e isso precisa ser de novo aí eu vou colocar aqui ó image out na imagem altos e vou declarar essa variável e não data Esse é o valor dessa variável vai ser foto de Georges Não beleza se eu salvar aqui cara eu ainda não disse a esse atributo aqui que Ele é dinâmico
né então ele vai interpretar que ia MG out é um texto normal então se eu for lá inspecionar de novo eu ver e MG altos então para transformar esse atributo para dizer a ele que ele é algo dinâmico então lembre-se que eu falei que todas as diretivas né servem para instruir o elemento instruir o atributo para alguma coisa algum tipo de ação e neste caso aqui o verbais e levar instruir esse atributo de uma forma que ele fique de mim o atributo você é dinâmico você tá recebendo uma variável e essa variável tem um valor
então A nomenclatura aqui na verdade assim táxi é vê tá subindo: e o nome né do da propriedade que você quer passar eu salvar aqui agora sim eu vou espessionar novamente e ele deu o pai de ou seja ele fez essa ligação by de ninguém do inglês vende ligação vehicula são né vinculação então ele fez essa vinculação do da minha variável com o minha propriedade aqui do elemento Tá certo e galera isso a gente agora pode expandir para qualquer tipo de Jah tributo inclusive o src eu posso colocar os verbais aqui verbais src e eu
vou botar aqui ó image src E aí aqui é o da Claro e em mente src Coloca o endereço da imagem de repente assim o endereço da imagem veio é de um João a p i né de algum lugar e ele precisa ser de não ele apareceu aqui um exemplo clássico disso cara É por exemplo você faz com o pet na sua pele né Pega os dados aqui que você precisa e esse dado vem com por exemplo se aqui fosse usuários SW vem com a foto do usuário Avatar do usuário então vamos fazer o seguinte
vamos jogar isso aqui para dentro e dizer que é esse esse cara que essa tudo tem essa imagem de capa vou até tirar vou deixar a imagem src certo que a imagem de capa Beleza vou colocar aqui as também só para seguir o mesmo padrão mas nesse caso aqui como já escrevi não seria necessário é MG né é esse cara aqui eu vou colocar o segundo e No resto não vou colocar beleza é o que a gente vai fazer aqui eu vou remover esse cara aí sim agora o minha imagem aqui estaria dinamicamente então ver
Traço bem src aí seria o que objeto. O que objeto. Que e MG src objeto objeto Sr se a gente não colocou altos aqui pessoal pra testar E aí ele vai aparecer em alguns e outros não porque os outros não tem esse cara se não tem a tag vai aparecer lá tá certo a tag vai aparecer mas tá assim caminho e aí não tem nenhuma e mágica um Thiago como é que faz para gente dizer para isso aqui ó só mostre-se tiver esse objeto aí a gente já começa mesclar as diretivas cara certo aqui a
gente fez a diretiva e verbais a gente utilizou o aí a gente começa a ficar Como assim Thiago a gente já viu o veículo deixou é um posso colocar aqui eu ver isso e se esse cara que o verdadeiro né se existir mostre ele e aí senão não mostra Então como ele não existe nesses outros agora o MG nem aparece mais aqui essa cor também a para lembrar a diferença do Face e deixou se eu coloco o show aqui jovem ele vai mostrar a tag ele vai mostrar a tag Cadeg Cadeg ele vai mostrar a
tag só que com display nome beleza e neste de casa a gente não quer isso a gente quer realmente tirar a tag da tela né do Dom então a gente já começa a mescle várias diretivas dentro de um mesmo elemento Beleza então Lembrando que esse verbais você pode utilizar em qualquer lugar outro exemplo aqui na verdade é estendendo o exemplo do verdade galera a Eu não costumo utilizar nessa É sim táxi tá tem uma forma mais curta que é simplesmente colocando os dois pontos perto o vídeo Essa vai reconhecer se você colocar: que você está
utilizando o percalço bem: e o nome do atributo mas se você omitir esse cara aqui vai dar no mesmo e o seu código vai ficar muito mais limpo certo vai dar no mesmo resultado aqui ó exatamente igual neste caso do veículo algumas outras diretivas infelizmente não tem como fazer a forma culta porque não tem né Tem um como um cortar essa daqui mas dessa forma que tem e outras e outras técnicas do vds a gente vai ver como também enxugar encurtar para poder a gente ter melhores movimentos e o código ficar mais junto né Por
exemplo se você tem vários para as propriedades aqui e com o negócio meu poluído Mas como você vem com apenas: fica muito mais clean e muito mais limpo de se analisar então é daqui para frente eu vou utilizar sempre essa notação aqui não mais over Burn Tá certo então galera verbais e aí para deixar né os atributos dinâmico dos elementos HTML que você pode utilizar em qualquer atributo da beleza em qualquer atributo de qualquer elemento HTML Então se ficou tudo Claro você está pronto para ir para a próxima aula eu fico por aqui e te
vejo lá fui eu E aí E aí [Música] E aí
