0

tenho a seguinte dúvida:

Hoje até onde eu vi existem 2 maneira de se receber uma informação em um Component do Angular.

Mas fico em dúvida no quesito "performance".

O exemplo abaixo eu faço o import do Input do pacote "@angular/core":

import { Component, Input } from '@angular/core';

@Component({
    selector: 'app-meu',
    template: `<h1>Meu nome é {{ meuNome }}</h1>`
})
export class MeuComponent {
     @Input('nome') meuNome: string = '';
     constructor() {}
}

Já no exemplo abaixo eu faço a mesma coisa, sem a necessidade de fazer o import

import { Component } from '@angular/core';

@Component({
    selector: 'app-meu',
    template: `<h1>Meu nome é {{ meuNome }}</h1>`,
    inputs: ['meuNome:nome']
})
export class MeuComponent {
     meuNome: string = '';
     constructor() {}
}

Em ambos os casos eu conseguiria usar meu componente, passando o atributo [nome] e funcionaria.

Porém usando o @Input() eu acho mais elegante e mais fácil de se orientar no desenvolvimento sobre o que é input property ou o que é variável da minha classe.

Então vem a dúvida, o fato de usar o @Input() torna o código mais lento? Qual a melhor prática?

7
  • A lógica do decorator @Input é passar valores de um component pai(parent) para um component filho(children).
    – Marconi
    8/06/2018 às 17:11
  • Obrigado @Marconi! Eu entendo o uso do decorator. Á pergunta era sobre a performance mesmo. Ou seja o porque de existir as duas formas. 8/06/2018 às 20:53
  • Hiago, ao meu ver você não utilizou o decorator de forma correta, ambas as formas não necessitam do @Input
    – Marconi
    11/06/2018 às 11:30
  • @Marconi mas foi só um exemplo que usei na época para apresentar a minha dúvida. 12/06/2018 às 20:23
  • Nesse exemplo eu iria usar <app-meu nome="Hiago"></app-meu> 12/06/2018 às 20:25

1 Resposta 1

1

Segundo o style guide do Angular, é aconselhado o uso de @Input. O uso de @Input pode facilitar em alguns casos. Segundo este post: angular use input diz que em alguns casos pode ser que não seja reconhecido a variável com o uso do inputs dentro do componente.

1
  • Obrigado Renato, mas gostaria apenas de saber a diferença em performance. Se tinha alguma diferença ou não. 8/06/2018 às 20:52

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .