Question

我想使用Angular 2来扩充现有的aspx页面。该页面有几个包含json数据的字段，我希望能够在我的Angular 2组件中使用该json。

例如，我有一个如下所示的index.html：

<my-ng-app></my-ng-app>
<input type="hidden" id="student" value="{name: 'bill'}" />

有什么方法可以将隐藏字段的值输入到我的ng2组件中？

Answer 1

您可以使用直接JavaScript来执行此操作：

let student = document.getElementById("student").value;

如果您需要将值解析为对象，JSON.parse(student)将为您执行此操作

或者您可以Document使用@angular/platform-browser，如此：

import { DOCUMENT } from "@angular/platform-browser";

constructor(@Inject(DOCUMENT) private document: any) {
}

ngOnInit() {
    this.document.querySelector("#student").value;
}

Angular 2引用外部DOM元素

1 个答案: