markdown Serviços - CriandouMServiço

Posted 2021-05-06

# Serviços - Criando um Serviço

- Este exemplo é o modo mais básico, e mais errado de se fazer.

```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;

    constructor() {
        this.cursosService = new CursosService();
    }

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

}
```

## Service
```typescript
export class CursosService {

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

}
```