javascript - 如何判断 Angular 8 应用程序中的 <textarea> 是否为空？

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

你can use ngModel对于这个用例

模板

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

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

组件

let formMessage;

如果您有一个包含许多输入的大表单，take a look at angular reactive forms