Comment accéder div modifiable à l'intérieur du composant angulaire

Question

`m la recherche de moyen d'accéder à partir d'un modèle div html J'ai ce en html

<div #postStatus contenteditable="true" class="form-control" placeholder="" (keyup)="postForm.value.content=postStatus.innerText"></div> 

Et maintenant, je dois accéder à cette valeur pour le réinitialiser en fonction qui prend cette valeur à const que j'envoie avec demande. Je l'ai essayé

postStatus.innerText = null; 

Mais cela me donne l'erreur:

ERROR ReferenceError: postStatus is not defined 

est-il un moyen approprié d'accéder à cette valeur de mes component.ts fichier? Et aussi d'avoir un texte différent que la personne voit et qui est actuellement en train de soumettre (il doit être @ [nom d'objet mongoose], mais l'utilisateur doit voir le nom et le prénom de la personne qui a choisi cas, mais s'ils choisissent pas, mais écrire le nom et le prénom même avec @ il faut montrer le texte exact de ce qu'ils écrits)

Answer 1

Quelque chose comme cela devrait fonctionner:

import { Component, ElementRef, ViewChild} from '@angular/core'; 

    class SomeCmp { 
     @ViewChild("postStatus") postStatus : ElementRef; 

     reset(){ 
     this.postStatus.nativeElement.innerText = ""; 

     } 
    } 

Demo