Question

因此，案例如下（我将简化代码，使其更具可读性，但案例相同）：

我在网址中有一个json文件（例如＆＃34; http://localhost:3000＆＃34;），其中包含以下信息：

{
  "Object1":{
    "a":"Lorem ipsum dolor",
    "b":"Sit amet consectetur"},

  "Object2":{
    "a":"Lorem ipsum dolor",
    "b":"Sit amet consectetur"}
}

以及获取此数据的服务

getData.service.ts：

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';


@Injectable()
export class GetDataService {

  constructor(private http:Http) { }

  private jsonURL: string = "http://localhost:3000/Object1"

  getData() {

      return (this.http.get(this.jsonURL).map((response:Response)=>response.json()))
  }

}

和像这样的组件

component1.component.ts：

import { Component, OnInit } from '@angular/core';
import { GetDataService } from './services/getData.service';

@Component({
  selector: 'app-component1',
  templateUrl: './component1.component.html',
})
export class Component1Component implements OnInit {

  data = [] 

  constructor(private getDataService: GetDataService,
              ) { }

 ngOnInit() {

    const  GetDataService  = this.getDataService.getData().subscribe(data => this.data= data);

  }

和一个html模板

component1.component.hml：

<p>{{data.a}}</p>

案例是字符串＆＃34; Lorem ipsum dolor＆＃34;渲染像＆＃34; --- Lorem ipsum dolor＆＃34; （在我看来，破折号是白色空格）我不知道为什么会发生这种情况或如何解决它。

从Json（Angular 2+）取出的字符串开头的空格

0 个答案: