角2は外部のDOM要素を参照します

Question

私は、既存のaspxページを補強するために角2を使いたいと思います。このページにはjsonデータを含む2つのフィールドがあり、私は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)はあなた

のためにそれを行うだろうそれとも、そうのよう@angular/platform-browserからDocumentを使用することができます：

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

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

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