来自Github API的Angular 2 HTTP GET请求

Question

我是Angular 2的新手。到目前为止，我正在尝试从Github API获取用户数据。 我有一个组件（ user.component ），这是它的代码：

import {Component} from '@angular/core';
import {userService} from './user.service';
import'rxjs/add/operator/map';

@Component({
    selector: 'users',
    template: `
    <h2>Users</h2>
    `,
    providers: [userService]
})
export class UserComponent{

    constructor(private _userService: userService) 
    {
       this._userService.getUser().subscribe( user => {console.log(user)})
    }

}

user.Service.ts的代码：

import {Injectable} from '@angular/core'
import {Http, Headers} from '@angular/http'
import'rxjs/add/operator/map';

@Injectable()

export class userService{
    private username : string;

    constructor (private _http:Http){
        console.log("Github Service is ready...")
        this.username = "example"
    }
    getUser(){
        return this._http.get("http://api.github.com/users/"+example)
        .map(res => res.json)
    }
}

这是app.module.ts ：

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { UserComponent } from './user.component'
import {HttpModule } from '@angular/http';
import { AppComponent }  from './app.component';

@NgModule({
  imports:      [ BrowserModule, HttpModule ],
  declarations: [ AppComponent,UserComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

最后是app.component.ts ：

import { Component } from '@angular/core';
import { UserService } from './user.service'

@Component({
  selector: 'my-app',
  template: `<h1>Hello {{name}}</h1><users></users>`,
  providers: [CourseService]
})
export class AppComponent  { name = 'John'; }

Answer 1

您应该将providers: [CourseService]添加到模块，而不是应用程序组件。

@NgModule({
  imports:      [ BrowserModule, HttpModule ],
  declarations: [ AppComponent,UserComponent ],
  bootstrap:    [ AppComponent ],
  providers:    [ CourseService ]
})

并将其从@Component装饰器中删除。

编辑：我很高兴您能做到这一点，但是评论者是对的-这不是正确的解决方案，我弄错了。

Answer 2

example不是getUser()的局部变量

我想你打算写的是：

getUser(){
        return this._http.get("http://api.github.com/users/" + this.username)
        .map(res => res.json)
}