HTTP PROVIDERS in @Injectable Service

Question

Angular2, теперь в бета-версии, моя компания решает работать над этим немного. Я попытался установить запрос с моей службы. Я просматриваю весь интернет, но ничего не работает. (Возможно, сообщения были написаны до выпуска Beta).

Итак, у меня есть boot.ts так:

import {bootstrap} from 'angular2/platform/browser'; 
 
import {Component, provide} from 'angular2/core'; 
 
import {HTTP_PROVIDERS} from 'angular2/http'; 
 

 
import {BrandsComponent} from './brands/brands.component'; 
 
import {BrandsService} from './brands/brands.service'; 
 

 
@Component({ 
 
\t selector: 'my-app', 
 
\t template: ` 
 
\t \t <brands></brands> 
 
\t `, 
 
\t directives: [BrandsComponent] 
 
}) 
 

 
export class AppComponent { 
 
} 
 

 

 
bootstrap(AppComponent, [HTTP_PROVIDERS, BrandsService]);

Мой BrandsComponent впрыснуть мою BrandsService. Вот мой код услуги:

import {Http} from 'angular2/http'; 
 
import {Injectable, Inject} from 'angular2/core'; 
 

 
@Injectable() 
 
export class BrandsService{ 
 
\t constructor(public http: Http) { 
 
\t \t console.log('Task Service created.', http); 
 
\t \t http.get('http://google.fr'); 
 
\t } 
 

 
\t getBrands(){ 
 
\t \t //return this.http.get('./brands.json'); 
 
\t \t return []; 
 
\t } 
 
}

В моей консоли, у меня есть «Целевой сервис создан» журнал, но любой запрос Ajax собирается.

Я не могу сказать вам, что я пробовал, потому что я меняю свой код примерно в миллиард раз.

Благодарим за помощь!

@Edit:

Вот мой BrandsComponent код:

import {Component} from 'angular2/core'; 
 

 
import {Brand} from './brand.interface'; 
 
import {BrandsService} from './brands.service'; 
 

 
import {ModelsComponent} from './../models/models.component'; 
 

 
@Component({ 
 
\t selector: 'brands', 
 
\t templateUrl: 'templates/brands/list.html', 
 
\t providers: [BrandsService], 
 
\t directives: [ModelsComponent] 
 
}) 
 

 
export class BrandsComponent implements OnInit{ 
 
\t public brands; 
 
\t public selectedBrand : Brand; 
 

 
\t constructor(private _brandsService: BrandsService) { } 
 

 
\t /* 
 
\t * Get all brands from brands service 
 
\t */ 
 
\t getBrands(){ 
 
\t \t this.brands = this._brandsService.getBrands(); 
 
\t } 
 

 
\t /* 
 
\t * On component init, get all brands from service 
 
\t */ 
 
\t ngOnInit(){ 
 
\t \t this.getBrands(); 
 
\t } 
 

 
\t /* 
 
\t * Called when li of brand list was clicked 
 
\t */ 
 
\t onSelect(brand : Brand){ 
 
\t \t this.selectedBrand = brand; 
 
\t } 
 
}

Answer 1

В самом деле наблюдаемыми ленивы. Это означает, что соответствующие HTTP-запросы не отправляются перед подключением к ним некоторых прослушивателей ответов с использованием метода subscribe.

Добавление подписки метод в конструкторе BrandsService должен вызывать ваш запрос HTTP:

import {Http} from 'angular2/http'; 
import {Injectable, Inject} from 'angular2/core'; 

@Injectable() 
export class BrandsService{ 
    constructor(public http: Http) { 
    console.log('Task Service created.', http); 
    http.get('http://google.fr').subscribe(); 
    } 
    (...) 
} 

Надеется, что это помогает, Тьерри