Как загрузить файл darkmode.js динамически? ⇐ Javascript

[Anonymous]

У меня есть кнопка переключения внутри src/app/user-list/user-list.html , а именно:

Код: Выделить всё

Dark


Light

Загрузка такова в src/index.html работает:

Код: Выделить всё

...

Тем не менее, я хотел бы загрузить его так же в SRC/App/User-list/user-list.html :
export class UserList implements OnInit {
constructor(private renderer: Renderer2) {
}

ngOnInit(): void {
this.loadScript();
}

loadScript() {
if (document.getElementById('darkmode-toggle-script')) {
console.log('Script already loaded');
return;
}

const script = this.renderer.createElement('script');
script.id = 'darkmode-toggle-script';
script.src = 'assets/js/darkmodetoggle.js';
script.type = 'text/javascript';
script.onload = () => console.log('Dark Mode Script loaded dynamically');
script.onerror = () => console.error('Error loading Dark Mode Script');

this.renderer.appendChild(document.body, script);
}
}
< /code>
он появляется внутри HTML в форме: < /p>

< /code>
Но кнопка больше не переключается. Есть идеи, почему?

Подробнее здесь: https://stackoverflow.com/questions/796 ... ynamically