如何使用 Observables 在 Angular 2 中的 return 数据中保留纯文本格式

Question

我有一个工作 Observable，需要 return 格式化纯文本 （不是 JSON）。当我在浏览器中拉出端点时，格式化的纯文本会正确显示。是否有一个开关可以添加到我的 Angular2 服务中以显示原始的白色 space 和换行符。

示例：来自我的 http.service.ts 文件：

import {Injectable} from 'angular2/core';
import {Http} from "angular2/http";
import {Observable} from "rxjs/Observable";
import 'rxjs/Rx';

@Injectable()
export class HttpService {
       constructor(private http: Http) {}

   // Endpoing must set "Access-Control-Allow-Origin" header
   getPosts(): Observable<any> {
      return this.http.get('http://localhost:8000')  //local testing web service
          .map(res => res.text().PreservePlainTextFormating());

   }

我很抱歉这个例子不是一个有效的例子。我编造了 .PreservePlainTextFormting() 来描述我试图在代码中完成的事情。

提前感谢您的帮助。

Answer 1

可能是我误解了你的问题，但这与 Angular 无关。如果您向 DOM 添加文本，则浏览器会忽略空白。您可以将文本添加到 <pre> 标记，其目的是保留格式

<pre [innerHTML]="someFieldThatContainsTest"></pre>

或者，正如@MarkRajcok 亲切补充的那样，

<pre>{{someFieldThatContainsTest}}</pre>

如何使用 Observables 在 Angular 2 中的 return 数据中保留纯文本格式

How do preserve plain text formating in my return data in Angular2 using Observables

angular

observable

angular2-services