markdown Serviços - InjeçãodeDependência（DI）+ como usarumeserviçoemum compo

Posted 2021-05-06

# Serviços - Injeção de Dependência (DI) + como usar um serviço em um componente.

- Digamos que uma Classe A precisa de uma instância de uma outra classe.

```HTML
<h5>Lista de cursos</h5>

<ul>
    <li *ngFor="let curso of cursos">
        {{ curso }}
    </li>
</ul>
```

## TypeScript
```typescript
import { CursosService } from './cursos.service';

export class CursosComponent implements OnInit {

    cursos: string[] = [];
    cursosService: CursosService;

    ou 
    //cursosService: CursosService;

    constructor(_cursosService: CursosService) {
        this.cursosService = _cursosService;
    }

    ou 

    constructor(private cursosService: CursosService) {
        //this.cursosService = _cursosService;
    }

    ngOnInit() {
        this.cursos = this.cursosService.getCursos();
    }

}
```

## Service
```typescript
import { Injectable } from '@angular/core';

// Decorator para injetar a classe
@Injectable()
export class CursosService {

    getCursos() {
        return ['Angular 2', 'Java', 'Phonegap'];
    }

}
```

Lembrando que, a classe de serviço deverá ser informado no app.module dentro de providers: [].