oi oi jovem Thiago Matos aqui ainda está lá a gente vai criar instruções para looks bem comigo cara e para fazer looks a gente vai precisar criar uma nova diretiva chamada de ver o e v fórum nome já é Basicamente aquilo mesmo que você tá acostumada de fazer um só né e aqui a gente vai colocar o valor dela né a gente vai criar uma variável local que seria variável do look que eu vou colocar aqui como Ah tá certo aliás colocar aqui com um local só para gente identificar E aí a gente vai utilizar
em e depois o nome da variável onde contém o Array Tá certo essa é a estrutura do ver four E aí obviamente esse cara aqui vai se repetir Porque se o Array tiver dez itens por exemplo você vai ter dez dez dias aqui Qual é então aí eu posso te amar qualquer e dentro do meu objeto né meu objeto local que pode ser name Netflix nem me disser porque local é a variável local que a gente cria para cada objeto ou seja é um objeto do loop o loop número um um objeto vai ser esse
cara aqui então não poderia ser até objeto né Melhor do que local então enfim vamos fazer isso acontecer só que a gente precisa de uma rei eu vou fazer o seguinte para facilitar vou pegar aqui um cara chamado Jason placeholder eles vão Então essa fake ep Aqui é aqui dentro tem luz vamos pegar dedos aqui tá certo tem uma lista aqui imensa deixa o frio que tá aqui no limits 50 bastante tá céu filtrada aqui cinco beleza e aqui Vou por lá e agora cara agente tem tudo saque e é uma rede objeto então Lembrando
aqui eu marrei objeto um objeto dois objeto três e assim sucessivamente né o objeto zero né porque começa com 100 um dois três e assim sucessivamente então beleza Tá aqui em vez de Array vai ser tudo porque o meu rei e aqui ó tem um objeto interno local a deixa eu colocar uma é um artigo externa aqui para ficar melhor visualização e o bloco informações beleza aí aqui eu coloco ver só objeto um e essa objeto vai ser objeto do loop vai ser esse objeto aqui esse objeto daqui e assim sucessivamente então se eu estou
acessando essa objeto eu posso acessar qualquer propriedade dentro do objeto que pode ser o título nesse caso Então tá beleza e aqui galera tem um pulo do gato se você tiver trabalhando com web components como eu mostrei lá nas primeiras aulas esse aqui ele a funcionar mas quando você tá trabalhando ou não sistema robusto o Grid é se requer coisas mais avançadas por exemplo como você faz um louco aqui o BTS tem né uma carga grande tem identificar os elementos desse lugar certo e se você não passar uma aqui e identificadora ele leva mais tempo
para renderizar esse volume aqui né esses objetos então para facilitar o PS renderize essa lista é interessante a gente passar um aqui tá certo ou seja como se fosse uma identificador desse objeto aqui e isso tem que ser o único Tá certo então qual é a magia aqui é a gente passa o ID do registro Normalmente quando a gente está utilizando lápis ou utilizando o nosso da que enfim a gente vai ter uma ideia aqui né que o ideia é único para cada objeto ou se a gente está trabalhando com o usuário o nome pode
ser o aqui porque o nome vai ser o único também esse caso aqui a gente sabe que de vai ser o único que é um dois três quatro cinco sete sequencialmente então vou passar aqui objeto Tá certo o ponto ID aí cara aqui vem um assunto já que eu vou abordar nas próximas aulas cara é o seguinte é por enquanto Coloque uma uma diretiva aqui chamada verbais Tá certo e aqui: que por enquanto isso daqui a gente vai abordar já já nas próximas aulas e eu costumo dizer que essas ferramentas atuais são todas ficamos amarrados
é você tá falando de um conceito aqui só que esse conceito depende desse conceito ABC aí você fala no conceitos e depende do conceito de e assim sucessivamente tão meio difícil a gente isolar as coisas então a gente começa a puxar né assunto de outras aulas aqui e aí conseguiu também que vai ficar ligado Então coloca esse verbais aqui literalmente que você ver baile vai dizer é que essa aqui aqui vai ser dinâmica Por que você não colocar o ver pai aqui vai ficar o texto mesmo objeto. Entender o hotel texto a gente quer que
seja o ID do objeto ou seja quer que o vídeo é essa com ele esse daqui de forma correta então mas no momento só top esse daqui do jeito que eu fiz que vai dar certo beleza e aqui nas próximas aulas você vai entender de facul e se ver ainda aqui que é uma outra diretiva Então vamos lá salvar aqui o nosso ep e aqui eu já tenho minha lista realizada esse até melhorar esse CSS aqui que obrigasse trás Centralizado Aí eu vou até colocar uma mais aqui também aí pronto aí ficou legal e aqui
cara eu posso passar uma classe né vou passar uma caixa aqui chamada de estudos item certo é e vou declarar essa classe aqui a 12 item E aí vou colocar sei lá um background background Preto a facilitar vou colocar também uma margem mais em 0000 e vou botar margem de baixo de cinco tem que seus Beleza vou colocar aqui um pezinho também de pixels é é é Vou colocar aqui na verdade 336 pixels aqui pronto e a cor branco e preto show de bola aí eu tenho minha lista aqui indenizada tá certo e me ajudou
esse daqui então cara a diretiva ver só é basicamente isso daí não tem mais muito o que falar você tem o seu a rede né grandão e aí você utiliza a directiva ver só para fazer esse look E lembrando que esse cara aqui é a variável local que significa objeto Lulu e mais uma coisa aqui antes de a gente ir embora eu posso passar aqui um parêntese objeto e o index se você quiser acessar o valor do Index E aí você pode acessar aqui o index que nesse canal começar com 10 é isso 0 1
2 3 4 e não é optativo isso é opcional isso daqui Beleza então é isso daí a diretiva foi muito simples não tenho mesmo muito que falar mais se não ficou Claro o jovem que eu acho muito difícil porque isso daqui é muito simples deixa um comentário aí não tenha vergonha comente mesmo para gente bater um papo ou vá lá no Instagram Mande uma mensagem no privado para mim beleza eu fico por aqui tivesse aí na próxima ao foi E aí [Música] [Música]