Estoy tratando de seguir el tutorial de la pila MEAN creando una lista de tareas pendientes y me encontré con el problema de que mi componente, donde inyecto mi servicio, no funciona y no tengo ningún mensaje de error. ¿Alguna idea de por qué?

tarea.servicio.ts

 import {Injectable} from '@angular/core'; import {Http, Headers} from '@angular/http'; import 'rxjs/add/operator/map'; @Injectable() export class TaskService{ constructor(private http:Http){ console.log('Task service initialized...'); //this part works } getTasks(){ return this.http.get('http://localhost:3000/api/tasks') .map(res => res.json()); } }

tareas.componente.ts

 import { Component } from '@angular/core'; import {TaskService} from '../../services/task.service'; @Component({ moduleId: module.id, selector: 'tasks', templateUrl: 'tasks.component.html', }) export class TasksComponent { constructor(private taskService:TaskService){ this.taskService.getTasks() .subscribe(tasks => { console.log(tasks); }); } }

aplicación.módulo.ts

 import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { HttpModule } from '@angular/http'; import { AppComponent } from './app.component'; import { TasksComponent } from './components/tasks/tasks.component'; @NgModule({ imports: [ BrowserModule, HttpModule ], declarations: [ AppComponent, TasksComponent ], bootstrap: [ AppComponent ], }) export class AppModule { }

aplicación.componente.ts

 import { Component } from '@angular/core'; import {TaskService} from './services/task.service'; @Component({ moduleId: module.id, selector: 'my-app', templateUrl: 'app.component.html', providers: [TaskService] }) export class AppComponent { }