Append children to document.body angular way

Question

I have written code like below

this._renderer.appendChild(document.body, form);

This works fine. But i am directly accessing document.body. Is there a angular 2/4 way of access document.body?

Suren Srapyan · Accepted Answer · 2018-01-23T18:30:39.280

2

You can inject via DOCUMENT injection token. This will give you the document object in Angular way (as you have said).

constructor(@Inject(DOCUMENT) private document: Document)

edited Jan 23 '18 at 18:30

answered Jan 23 '18 at 18:23

Suren Srapyan

So i can then do this.document.body ? – Hacker Jan 23 '18 at 18:28
Yes, but first make it instance of you class adding accessor – Suren Srapyan Jan 23 '18 at 18:30
It throws compiler error for DOCUMENT and asks if you mean Document. – Hacker Jan 24 '18 at 07:14
Import it from the `angular/common` – Suren Srapyan Jan 24 '18 at 09:44

1 Answers1