条件满足后停止在 <textarea> 中添加文本答案

【问题标题】：Stop adding text in <textarea> after condition fulfill条件满足后停止在 <textarea> 中添加文本
【发布时间】：2020-04-07 19:07:14
【问题描述】：

我有一个文本区域

<textarea rows="3" [(ngModel)]="formatObj.textAreaBox" (keyup)="onExtendexDelimeterKeyUp($event)"  #extendDelimiters></textarea>

我想在条件满足后停止在文本区域中添加文本。我不想禁用 textarea，因为用户可以删除 textarea 中的文本。我想停止使用 Angular 7 执行 keyup

谢谢

【问题讨论】：

你试过ng-maxlength吗？
使用最大长度属性：w3schools.com/tags/att_textarea_maxlength.asp - 添加它并设置为当前长度，然后在您的条件放松时删除
最大长度值不起作用，因为条件是动态计算的，不适合最大长度
@VivekKumarShukla 在您的病情放松时删除 - 这是我知道您可以阻止更多文本但仍允许删除的唯一方法。除了捕获按键和管理内容

标签： javascript angular

【解决方案1】：

你可以做这样的事情。

export class AppComponent  {
      maxLength = 10
      content = '';
}
<textarea 
    [(ngModel)]="content"
    [maxlength]="maxLength"
>
</textarea>

【讨论】：