Question

在我的普通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

请指导。

Answer 1

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

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。

如何在angular 2中使用document.write

1 个答案: