Comment vérifier si la zone de texte est vide ou n'est pas dans angulaire 2?

J'ai une zone de texte de la boîte ,j'ai besoin de vérifier les données lorsque nous entrez le texte dans la zone de texte.J'ai écrit de changement de méthode, mais qui ne fonctionne pas
voici le code.

<textarea (change)="textAreaEmpty(textValue)" #textValue></textarea>

composant

 textAreaEmpty(text:string){
      if(text.length > 0)
        console.log(text);
  }

J'ai aussi besoin de vérifier le nombre de lignes de l'utilisateur est entré dans la zone de texte.je me force à trouver la moindre solution en anuglar2 ,je suis en mesure d'obtenir les données avec jquery ou javascript,mais je ne veux pas l'utiliser. je veux l'utiliser dans angulaire 2,tout organisme Peut m'aider?

  • textAreaEmpty(textValue.value)?
  • stackoverflow.com/questions/2035910/...
  • grâce à son travail.mais le changement de méthode n'est pas d'appeler, une fois saisi quelque chose dans la zone de texte.si je clique en dehors de la zone de texte méthode appelle.
  • utilisation input de l'événement au lieu de change. Donc (input)="textAreaEmpty(textValue.value)"
  • grâce yurzui ,l'événement d'entrée est de travail
InformationsquelleAutor Sathish Kotha | 2017-03-17
  1. 8

    Je suis en mesure d'obtenir les données avec jquery ou javascript,mais je ne veux pas l'utiliser. je veux l'utiliser dans angulaire 2,tout organisme Peut m'aider?

    Utilisation [ngModel] si vous voulez le faire plus "Angularish"...

    <textarea [(ngModel)]="textValue" (ngModelChange)="textAreaEmpty()"></textarea>

    TS:

    textValue: string = '';

textAreaEmpty(){
  if (this.textValue != '') {
    console.log(this.textValue);
  }
}
    • merci ,c'est aussi de travail.AJT_82
    • Pas de problème, content d'avoir pu aider 🙂
    InformationsquelleAutor AJT_82
  2. 3

    textValue n'est pas une valeur dans ce cas. C'est l'ensemble de l'élément d'entrée donc, si vous souhaitez vérifier si elle a sa propre valeur, vous devez modifier votre code html comme suit:

    <textarea (change)="textAreaEmpty(textValue.value)" #textValue></textarea>
    • merci pour la réponse. elzoy !
    InformationsquelleAutor elzoy
  3. 1

    De Validation pour new-lines, white-spaces ou null

    if(value.trim().length === 0)
   console.log('No input found')

    Exécuter extrait de code pour tester

    insérer new-lines et white-spaces mais vous n'obtiendrez aucune sortie sur focus-hors du champ de saisie

    JS:

    document.getElementsByName("text")[0].addEventListener('change', onChange);

function onChange(){
  if (this.value.trim().length != 0) {
       console.log('Here is your output: ')
       console.log(this.value)
   }
}

    HTML:

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>

<textarea name="text" rows="3" class="form-control" placeholder="Write and check"></textarea>

    InformationsquelleAutor WasiF