Angular 2 rc5意外令牌<将HTML解析为可变

时间:2016-09-05 07:55:25

标签: http angular service jsonp

我有一个返回HTML的jsonp调用。在控制台中我可以看到返回的文档,但我相信它期待的javascript和自第一个"<"在< div>不是javascript它会抛出错误。如何将其正确解析为变量?我将在视图中使用此变量< div [innerHTML] ="变量" >

public getToolTip(item: any) {
    let url = 'http://us.battle.net/wow/en/item/138154/scenario-normal/tooltip?callback=JSONP_CALLBACK';
    this.jsonp.get(url)
              .map((res:any) => res)
              .subscribe(res => this.template = res);
}

我也尝试过使用DOMParser但是同样的意外令牌问题'<'

public getToolTip(item: any) {
    let parser = new DOMParser();
    let url = 'http://us.battle.net/wow/en/item/138154/scenario-normal/tooltip?callback=JSONP_CALLBACK';
    this.jsonp.get(url)
              .map((res:any) =>  res = parser.parseFromString(res, 'text/html'))
              .subscribe(res => this.template = res);
}

Image of Console Log

如果我点击" callback = ng_jsonp .__ req0.finished"从控制台,我想要的html文档正确返回,只是它没有正确保存到变量

Request / Response Headers

1 个答案:

答案 0 :(得分:0)

我认为你在这里犯了一个错误:

.map((res:any) => res)

应该是:

.map((res:any) => res.json())