在我的普通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
请指导。
答案 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。