Angular 2 (hasta ahora referido como Angular) usa DI ampliamente.
En la demostración del sitio Angular, observe al proveedor en los metadatos. Ese proveedor es el servicio que se inyecta. Luego, se inyecta a través del constructor en la clase, como se muestra a continuación (el HeroService se inyecta en la clase componente):
la clase de exportación AppComponent implementa OnInit {
title = ‘Tour de los héroes’;
héroes: Héroe [];
selectedHero: Hero;
constructor (heroService privado: HeroService) {}
}
- ¿Cuál es la diferencia entre Angular 2 y Vue.js 2?
- ¿Cuál debería preferir el sitio web de WordPress o la codificación escrita a mano?
- En HTML y CSS, ¿por qué usamos '. 'para apuntar a clases y' # 'para apuntar a ID's?
- ¿Es justo que Google clasifique los sitios que no responden a dispositivos móviles? Es moderno ser móvil, pero los sitios web serios aún requieren un tamaño de pantalla serio.
- ¿Cuánto ganan ustedes haciendo trabajo independiente en Upwork en desarrollo web?
Hay varias formas de pasar datos entre componentes en Angular. Sin embargo, el más flexible de ellos es usar servicios (un servicio en Angular es solo una clase que es inyectable) y la inyección de dependencia.
Demostración de Angular Tour of Heroes
Página de inyección de dependencia angular
NOTA: Angular también admite dependencias opcionales usando @Optional en el constructor.