2016-07-16 3 views
1

Я не знаю, что я делаю неправильно, я не получаю никакого ответа от сервера для работы с использованием Http. Я добавил проект как плункер, если бы кто-то мог глубже посмотреть.Http, получить ответ от сервера с rxjs и angular2

https://plnkr.co/edit/3HybQY3vcsCImbuFCWrP?p=preview

post.service.ts

getPosts(){ 
    return this._http.get("http://jsonplaceholder.typicode.com/posts") 
        .map(res => res.json()); 
    } 

app.component.ts

constructor(private _postService: PostService) { 
    _postService.getPosts() 
       .subscribe(res => console.log(res)); 
    } 
+0

скрипка получает сообщение об ошибке не смог найти system.config.js –

+0

есть какая-либо ошибка в консоли? –

+0

Нет ошибки вообще –

ответ

0

не было ничего плохого, работал при перезапуске мой облегченный сервер.

+0

см. Мой ответ ниже, и plunker тоже может вам помочь. –

0

Вы отправляющие запросы Междоменных

Вы должны добавить некоторые сотрудники в заголовке запроса HTTP:

Access-Control-Allow-Origin: * 

Подробнее: How to create cross-domain request (Angular 2)?

+0

Значит, их нет другого пути? Где после учебника по udemy и он получил его для работы, используя http://jsonplaceholder.typicode.com –

0

В коде есть две основные ошибки: ваш код работает не так, как ожидалось.

  1. вы используете Http ответ на запрос, но вы не настроить @angular/http настройки в файле конфигурации, так что вы должны добавить это в файл.

    '@angular/http': { 
        main: 'bundles/http.umd.js', 
        defaultExtension: 'js' 
    }, 
    
  2. Вы пытаетесь получить запрос через http который angular2 не позволит, так что вы должны изменить свой адрес, как

    http://jsonplaceholder.typicode.com/posts 
    

    в

    https://jsonplaceholder.typicode.com/posts 
    

здесь ваш рабочий код demo

Working Example

+0

Понимаю, еще не узнал, что многое еще касается ect конфигурационных файлов и используется с plunker, но в любом случае спасибо. –

+0

ваш прием :) –

Смежные вопросы