autosize textarea avec max 5 de la ligne de limite, puis sur afficher la barre de défilement

Explication: Dans angulaire 2, sur mon écran de chat, je veux augmenter la taille de mon écran de chat comme le type i, max 5 lignes et ensuite afficher la barre de défilement. Comment dois-je faire ?

Problème: ne Pas se comporter comme prévu. Barre de défilement de la limite de 5 lignes besoins ici, idéalement contrat,développez pas de travail.

Requirement: It should expand as i type and contract as i press backspace. After 5 lines it should show scrollbar.

Mon code:

home.ts

autogrow(){
  let  textArea = document.getElementById("textarea")       
  textArea.style.overflow = 'hidden';
  textArea.style.height = '0px';
  textArea.style.height = textArea.scrollHeight + 'px';
}

home.html

<textarea id="textarea" (keyup)="autogrow()" ></textarea>

Un travail de démonstration sur stackblitz sera vraiment apprécié si possible. Je vous remercie beaucoup pour votre temps. Meilleurs voeux

+1
2019-09-17 10:25:56
source
0 réponses

Voir d'autres questions sur les étiquettes