如何在angular 2中使用document.write

时间:2017-05-25 05:44:16

标签: javascript angular

在我的普通HTML页面中,我有一个简单的4行代码,如下所示:

<script>
var getData = JSON.parse(localStorage.getItem("templateType"));
document.write(getData.template_code); // in angular its wriiten as getData["template_code"]
console.log(getData.template_code);
document.getElementById("main-wrapper").innerHTML = getData.template_code;
</script>

我如何在angular2中做同样的事情,我有一个组件 webview.component.html webview.component.ts

请指导。

1 个答案:

答案 0 :(得分:2)

您可以通过以下方式导入角度组件内的文档对象:

import { Inject, Injectable } from '@angular/core';
import { DOCUMENT } from '@angular/platform-browser';

所以你使用它:

@Injectable()
export class MyService {
  constructor(@Inject(DOCUMENT) private document: any) {
      document.write(getData.template_code);
  }
}

有一个非常相似的问题here