Угловые 2 ждут обещания решить

Question

У меня проблема с вызовом Angular 2/web service. Моя идея состоит в том, чтобы создать услугу как инъекционную, чтобы использовать ее внутри компонента, который должен быть локализован (в этих терминах используются разные языки). Мои строки хранятся в базе данных, и мне нужно сделать это, чтобы получить их с помощью веб-службы и сохранить их в ассоциативном массиве. Затем укажите способ получения значения с помощью ключа. Вот мой пример кода:

import {Injectable} from "@angular/core"; 
import { Http, Headers, RequestOptions, Response } from "@angular/http"; 

import "rxjs/add/operator/map"; 
import "rxjs/add/operator/share"; 

import myGlobals = require("./global"); 

@Injectable() 
export class LocalizationService { 
    private serviceUrl = myGlobals.urlPrefix + "api/public/Localization.asmx/GetStrings"; // url to web api 
    private observable: any; 
    private locString: {}; 
    private finished: boolean = false; 

    constructor(private http: Http) { 
     this.loadStrings("EN"); 
    } 

    private loadStrings(LanguageCode: string): void { 
     let body: string = JSON.stringify({ LanguageCode }); 
     let headers: Headers = new Headers({ 
      "Access-Control-Allow-Origin": "*", 
      "Content-Type": "application/json" 
     }); 
     let options: RequestOptions = new RequestOptions({ headers: headers }); 
     this.observable = this.http.post(this.serviceUrl, body, options) 
      .map(response => { 
       this.observable = null; 
       let responseText: string = response.text().substring(0, response.text().lastIndexOf("{")); 
       this.locString = JSON.parse(responseText).Data; 
       this.finished = true; 
      }) 
      .share(); 

     return; 
    } 

    public getStr(code: string): string { 
     let returnString: string; 
     try { 
      returnString = this.locString[code]; 
     } 
     catch (error) 
     { 
      returnString = ""; 
     } 

     return returnString; 
    } 
} 

Теперь то, что я не могу решить: конструктор вызывает веб-службы и заканчивается сразу, не ждать ответа. Поэтому, когда я использую эту инъекционную услугу в своем компоненте, это должно быть отображено на правильном языке, строки не загружаются во время рендеринга. Если быть точным, когда я устанавливаю точку останова на вызов .map(), он никогда не попадает. Это не худшая проблема, я могу сделать это с помощью обещания, поскольку я делаю это в других местах приложения. Обещания работают хорошо для меня, когда мне нужно позвонить в веб-службу. Проблема в том, что она не ждет повтора с сервера. Я проверил другие вопросы и ответы, такие как

What is the correct way to share the result of an Angular 2 Http network call in RxJs 5?

, но это не помогает мне в любом случае. Я не могу заставить приложение ждать, пока ответ не будет возвращен. Есть ли кто-нибудь, кто может сказать мне, что я делаю неправильно?

Answer 1

Вы ищете Observables они рок!