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
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").
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:
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.
![Angular 9 - Curso Grátis - Componente Criar Produto [2020]](http://i.ytimg.com/vi/8h1qkjXFaDE/mqdefault.jpg)
![Angular 9 - Curso Grátis - Componente Criar Produto [2020]](/img/tr.png)
![Angular 9 - Curso Grátis - Componente Home e Navegação Entre Componentes [2020]](http://i.ytimg.com/vi/8QQIJGsBsIo/mqdefault.jpg)
![Angular 9 - Curso Grátis - Entendendo Componente Gerado [2020]](/img/n.gif)
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
Ajudou aki, vlw!!!
Obrigado, ajudou aqui
@@RafaelLima-xz7zc opa q bom hehe.
Salvou!!!! Valeuuuuu!!!
@@alvessgustavo é noix!
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
Parabéns, Matheus 👏👏👏
Obrigado pela ajuda professor! Estou acompanhando o curso completo e você esta sendo maravilho nas explicações e no entendimento do Angular 2.
Muito boa Aula.
Gostando muito do curso!! Conteúdos Interessantes e bem explicados!
Quem estiver com problema no: @Input('myForEm) numbers: number[];
Basta acrescentar uma ! após numbers: @Input('myForEm') numbers!: number[];
Vlw!!
O curso está excelente! Continue sempre com esses ótimos conteúdos!
Excelente aula. Parabéns, Leonardo!
Quando faço a injeção de dependencia da erro
E eu pensando que sabia Angular kkk, não conheço nem 10% do poder do angular
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").
Assisti essa aula umas 10x e comecei a entender melhor o conceito kkkk show
diretivas de atributo é até tranquilo, mas a estrutural é complicado de entender, de toda maneira obrigado pela excelente aula.
Só eu que achei um pouco difícil de entender como funciona essa ultima diretiva?
e aquela exclamação do numbers! também, não entendi como no dele não deu erro :(
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
Leonardo, descobri a razão dos erros: estava faltando um ; no decorator @Input !!!
@@TadeuCosta56 não faz diferença usar ou não ;
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.
Leo, faz uma live, ia gostar de participar
Galera, vai dar erro na diretiva por causa da versao do TypeScript. Só colocar numbers!:number[] e texto!:string
Essa nova versao exige que a variavel seja inicializada.
Só eu que achei essa parte de 'directives' um pouco complexa ? kkkkkkk