angular2の投稿要求にüの代わりにDisplayを表示

Question

私はangle2アプリケーションのHTMLページにドイツ語のUmlaut文字を表示する際に問題があります。 私のバックエンドサービスはjavaにあり、json Stringを返します。

これは、[ネットワーク]タブに表示される投稿要求の応答です。それは正しく文字を表示します。

が、私は、スニペット以下からデータを慰めている場合、それは両方のHTML UIとコンソールに表示されます。

getStackById(project: string, stackId: string, ibsessionid: string) { 
    var headers = new Headers(); 
    headers.append('Content-Type', 'application/x-www-form-urlencoded'); 
    return this.http.post('http://' + this.ip + ':' + this.port + '/IBPublicationBuilder/MiddlewareServlet', 'project=' + project + '&stackid=' + stackId + '&ibsessionid=' + ibsessionid + '&method=getStackById', { 
     withCredentials: true, headers: headers 
    }).map(
     (res: Response) => { 
     console.log(res); 
     return res.json()} 
    ); 
    } 

コンソール：

UI：

Answer 1

は、以下の溶液を用いて問題を解決しました。ヘッダで

追加さ

headers.append('Content-Type', 'application/x-www-form-urlencoded; charset=utf-8'); 

と、サーバ側に変更。 私のサービスはjavaになっています。

response.setContentType("text/html; charset=UTF-8"); 
response.setCharacterEncoding("UTF-8"); 

私の応答オブジェクトに追加されました。