@Inject() and @Injectable

08/01/2018

Angular

Qual a diferen�a entre @Inject() and @Injectable no angular2?

Marcio

Curtir t�pico + 0

Responder

Post mais votado

08/01/2018

Ol� M�rcio,

O decorador @Inject() � um mecanismo geralmente utilizado no construtor de uma classe que permite especificar que o par�metro inserido deve ser injetado.

Exemplo:

import {Component, Inject} from '@angular/core';
import { SuaClasse } from '../components/suaclasse';

export class AppComponent{
            constructor(@Inject(SuaClasse) private suaClasse ){   }
}

O @Injectable() faz o Angular ter o conhecimento que uma classe pode ser usada com a inje��o de depend�ncia:

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

@Injectable()
export class SuaClasse(){
 
}

Quando lidamos com o TypeScript no Angular, geralmente com a Inje��o de Depend�ncia eu costumo suprimir o uso do @Inject e fa�o assim:

import  from '@angular/core';
import { SuaClasse } from '../components/suaclasse';

export class AppComponent{
            constructor(SuaClasse suaclasse){  
            this.suaclasse = suaclasse;
 }
}

Lembrando que a SuaClasse deve estar com o decorador @Injectable(), caso contr�rio o engine do angular retornar� uma excess�o.

Abs

William Finco

Responder

Gostei + 1

Mais Posts

09/01/2018

Kelvin Andrade

Ol�,

Muito boa a sua explica��o Jo�o! S� n�o podemos esquecer de definir a minha classe em providers do meu m�dulo!

import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { SuaClasse } from '../components/suaclasse';
 
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [SuaClasse], //Providers s�o definidos aqui
  bootstrap: [AppComponent]
})
export class AppModule { }

E podemos omitir o c�digo "this.suaclasse = suaclasse", por exemplo:

import  from '@angular/core';
import { SuaClasse } from '../components/suaclasse';
 
export class AppComponent{
            constructor(SuaClasse suaclasse){ }
}

Responder

Gostei + 0