angular2 http冲突InMemoryWebApiModule

Question

First I wonder the URL is wrong, but turn out it is right. here is github api as my test url

I put it in chrome, it return desire result.

Second I wonder if my code is wrong

constructor(private fb: FormBuilder, private _userService: UserService, private _http:Http) {

        this._http
            .get('https://api.github.com/search/repositories?q=ng2&page=1&per_page=10')
            .map((res: Response) => res.json())
            .catch((res: Response) => {
              return Observable.of({items: [], totalCount: 0, error: res.json()});
            })
            .subscribe(d => {
                console.log(d);
            })
    }

this code always get this error message:

404 - Not Found Collection 'repositories' not found

But this URL can be accessed in my chrome.

and I can't find any wrong with my code.

I finally found why this happened.

Cause I add InMemoryWebApiModule into my module.

but I don't know what is root cause here

somebody could tell me?

Answer 1

**

EDIT: this answer was provided before there was a mention of InMemoryWebApiModule.

**

Do the http-request in your UserService :

export class UserService {

    constructor(private _http: Http) {  }

    getSomething() {
        return this._http.get('https://api.github.com/search/repositories?q=ng2&page=1&per_page=10')
         .map((res: Response) => res.json())
    }
}

And in your component I would suggest you put your method in ngOnInit rather than the constructor:

ngOnInit() {
    this._userService.getSomething()
      .subscribe(d => console.log(d);
}

Here is some info why: Difference between OnInit and Constructor

And remember to implement the OnInit in your class... export class YourClass implements OnInit

I really suggest you take a look at Tour Of Heroes - Http

EDIT! I checked, and with the changes I did to your code here in this post, work both in Chrome and Firefox! See below

And a working plunker here... Plunk