我怎么知道 <textarea> 在Angular 8应用程序中为空？

Question

我有一个像这样的文本区域：

 <div class="form-group"> <label for="form_message">Message * (Minimum if 15 characters)</label> <textarea id="form_message" required class="form-control" placeholder="Message *" rows="6" formControlName="form_message" ></textarea> <div *ngIf=" form_message.invalid && (form_message.dirty || form_message.touched) " class="alert alert-danger" > <div *ngIf="form_message.errors.minlength"> Message must be at least 15 characters. </div> </div> </div> </div> 

在第一个*ngIf我想查看<textarea>本的长度是否大于零，以防止<textarea>脏了时红色框出现但其中没有文本，但是用户已删除所有文本。

我曾经用ngModel做到这一点，但是已经过时了。

如何判断<textarea>中没有文本？

Answer 1

我认为像这样的东西this.FORM_NAME.get('form_message').value.trim().length应该可以解决问题。

Answer 2

您可以在此用例中使用ngModel

模板

<textarea
  id = "form_message"
  required
  class="form-control"
  placeholder = "Message *"
  rows = "6"
  formControlName = "form_message"

  [(ngModel)]="formMessage"
></textarea >

零件

let formMessage;

如果您有输入很多的大形式， 请查看角电抗形式