Angular 2引用外部DOM元素

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; 
}