Угловой 2, ссылающийся на внешние элементы DOM

Question

Я бы хотел использовать Angular 2 для расширения существующей страницы aspx. На странице есть несколько полей, которые содержат данные json, и я хотел бы иметь возможность использовать этот json внутри моих компонентов Angular 2.

К примеру, у меня есть 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; 
}