Why I can't access the function

[Frank Mehlhop]

Hi,

I got a angular application created by cli.

At a componant.ts I got this code inside the constructor:

function getLangSelector() {

return document.getElementById('getLangSelector() !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!');

}

const e = document.getElementById('langSelector');

if (e === undefined) {

console.log('Can\'t find langSelector !!!!!!!!!!!!!!!!');

} else {

if (getLangSelector() === null) {

console.log('getLangSelector() === null !!!!!!!!!!!!!!!!');

} else {

console.log('getLangSelector() !== null !!!!!!!!!!!!!!!!');

}

}

the only log I get at the console is:

"getLangSelector() === null !!!!!!!!!!!!!!!!"

Why I don't get the log "getLangSelector() !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!" 

from the function getLangSelector()?

What I need to change to get it work?

Frank

[Sander Elias]

Hi Frank,

The constructor does run before the template is added. so it will alway's return null. BTW, even after the initialization of the template, your function would return null. My guess is you don't have an element with id "getLangSelector() !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!".

Regards

Sander

[Frank Mehlhop]

Thanks Sander for your lines!
I'm happy you spend your time for this problem.

You are right, the id is different.

Nevertheless I found out, that I can get the element, when I ask for in the ngOnInit-Method.

Cheers, Frank