Créer dynamiquement un élément
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 :
Citation:
Type 'void' is not assignable to type '(this: GlobalEventHandlers, ev: Event) => any'.ts(2322)
le .ts : quasi un copié collé de mdn
Code:
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
