I have service defined in Angular 2 like this:

import { Inject } from 'angular2/angular2';

import { Http ,Headers , HTTP_PROVIDERS } from 'angular2/http';



export interface CourseInterface {

    courseId: number,

    coursePrice: number,

    authorName: string

}



export class CourseDetailsService {

    http: Http;

    constructor(@Inject(Http) Http) {

        console.log(Http)

        this.http = Http;

    }



    load() {

        console.log(came here in service)

        var headers = new Headers();

        headers.append('Authorization', <my username password>);



        this.http.get('https://some.api',{

            headers : headers

        }).map(res => console.log(Response came!!!))



        console.log(done . . .)

    }

}

and in another component, I use this service like this:

import {CourseInterface, CourseDetailsService} from '../services/course';



@Component({

    selector: 'dashboard',

    viewBindings: [CourseDetailsService]

})

@View({

    template: `

        <h1>Dashboard page laoded</h1>

  `

})

export class Dashboard {

    constructor(service: CourseDetailsService) {

        service.load();

    }

}

and while running the application, I can see my Dashboard component gets displayed on the screen. But however from the CourseDetailsService, no http calls are getting fired.

But in the console I could able to see the following printed:

came here in service

done . . . . 

But in my chrome networks tab, I couldn't able to see any request fired to the specified url. Where I am making mistake?

I'm using Angular 2 Alpha 47