Bon allez, j'en profite tant que tu es par là...Une question à mi chemin entre js et angular...

Je voudrais afficher un élément dynamiquement et j'ai essayé d'utiliser l'exemple de MDN ici :

https://developer.mozilla.org/fr/doc.../createElement
Mais impossible de le faire tourner ds un projet angular (sur codepen ça marche) j'ai l'erreur suivante ds mon code :

Type 'void' is not assignable to type '(this: GlobalEventHandlers, ev: Event) => any'.ts(2322)
le .ts : quasi un copié collé de mdn

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
  ngOnInit(): void {
    document.body.onload = this.addElement();
  }
 
  addElement(): void {
    // crée un nouvel élément div
    var newDiv = document.createElement("div");
    // et lui donne un peu de contenu
    var newContent = document.createTextNode('Hi there and greetings!');
    // ajoute le nœud texte au nouveau div créé
    newDiv.appendChild(newContent);
 
    // ajoute le nouvel élément créé et son contenu dans le DOM
    var currentDiv = document.getElementById('div1');
    document.body.insertBefore(newDiv, currentDiv);
  }
 
}
le html est un pur copié collé.
Faut faire un ngAfterViewInit ?
merci de ton aide