Angular 9 - Curso Grátis - Diretivas na Prática [2020]

[@mateusduartetarouco3536]

Fiz o curso gratuito na cod3r e logo depois já conseguiu meu primeiro emprego como dev frontend. Muito grato pelos ensinamentos, vcs são demais

[@cod3r]

Parabéns, Matheus 👏👏👏

[@WiltonRibeiroCruz]

Tive erro no TS em questão da atualização onde na linha @Input("myForEm") numbers: number[]; "numbers" ficava reclamando erro que era de atualização, fui no tsconfig.json e definir para "strictPropertyInitialization": false

[@TerapiaDev]

Ajudou aki, vlw!!!

[@RafaelLima-xz7zc]

Obrigado, ajudou aqui

[@WiltonRibeiroCruz]

@@RafaelLima-xz7zc opa q bom hehe.

[@alvessgustavo]

Salvou!!!! Valeuuuuu!!!

[@WiltonRibeiroCruz]

@@alvessgustavo é noix!

[@parasitasdouniverso7366]

Obrigado pela ajuda professor! Estou acompanhando o curso completo e você esta sendo maravilho nas explicações e no entendimento do Angular 2.

[@simongamer7288]

diretivas de atributo é até tranquilo, mas a estrutural é complicado de entender, de toda maneira obrigado pela excelente aula.

[@ranieriprg5977]

Muito boa Aula.

[@123RogerioFerreira]

Quem estiver com problema no: @Input('myForEm) numbers: number[]; Basta acrescentar uma ! após numbers: @Input('myForEm') numbers!: number[];

[@viniciusfernandes6834]

Vlw!!

[@dafinemedina5350]

Gostando muito do curso!! Conteúdos Interessantes e bem explicados!

[@andrevini85]

O curso está excelente! Continue sempre com esses ótimos conteúdos!

[@simongamer7288]

Pessoal, outra coisa que reparei que dificulta o entendimento de termos mais complexos, como por exemplo essa diretiva estrutural, é que o Professor Leonardo edita algumas partes do vídeo durante a explicação, aqueles pequenos cortes que os youtubers fazem, mas nesse caso como trata-se de uma linha de raciocínio muitas vezes perde a concordância, reparem no trecho 10:30 ("a partir.." (corte) e volta "no momento que defino o EM").

[@simongamer7288]

Assisti essa aula umas 10x e comecei a entender melhor o conceito kkkk show

[@BrunoCosta_88]

Excelente aula. Parabéns, Leonardo!

[@jonathangomes7539]

E eu pensando que sabia Angular kkk, não conheço nem 10% do poder do angular

[@ramonribeiro120]

Leo, faz uma live, ia gostar de participar

[@TadeuCosta56]

Leonardo, boa noite. Parabéns pelos seus ensinamentos nos cursos da Cod3r. Eu criei a diretiva MyFor e está dando o seguinte erro no Footer: Angular core.js:12768 Can't bind to 'MyForEm' since it isn't a known property of 'li. O for.directives está assim: import { Directive, OnInit, Input } from '@angular/core'; @Directive({ selector: '[MyFor]' }) export class ForDirective implements OnInit{ @Input('myForEm') numeros: number[] // @Input('myForUsando') texto: string constructor() { console.log('MyFor') } ngOnInit(): void { console.log('Dentro do ngOnInit') console.log(this.numeros) // console.log(this.texto) } } O arquivo footer.component.html: Desenvolvido com favorite por Cod3r A versão do Angular que estou usando: _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / ? \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 9.1.6 Node: 13.11.0 OS: win32 x64 Angular: ... Ivy Workspace: Package Version ------------------------------------------------------ @angular-devkit/architect 0.901.6 @angular-devkit/core 9.1.6 @angular-devkit/schematics 9.1.6 @schematics/angular 9.1.6 @schematics/update 0.901.6 rxjs 6.5.4

[@TadeuCosta56]

Leonardo, descobri a razão dos erros: estava faltando um ; no decorator @Input !!!

[@Glauberjds]

@@TadeuCosta56 não faz diferença usar ou não ;

[@Glauberjds]

No selector você declarou MyFor com M maiúsculo e nos input você usou myFor, com M minúsculo e na li você declarou *MyFor, deixe tudo maiúsculo ou minúsculo que dará certo.

[@Gu-yu5wu]

Quando faço a injeção de dependencia da erro

[@RafaelLima-xz7zc]

Só eu que achei um pouco difícil de entender como funciona essa ultima diretiva?

[@godoyeverton]

e aquela exclamação do numbers! também, não entendi como no dele não deu erro :(

[@yuriki0]

Galera, vai dar erro na diretiva por causa da versao do TypeScript. Só colocar numbers!:number[] e texto!:string

[@yuriki0]

Essa nova versao exige que a variavel seja inicializada.

[@ananiasguerra]

Só eu que achei essa parte de 'directives' um pouco complexa ? kkkkkkk