javascript - 表单控件为空时禁用角度按钮

Question

当文本框为空时，我需要禁用搜索按钮。我试图将禁用属性添加到搜索按钮。但它不工作。

这是我的html代码：

<div class="col-md-5 pl-0">
  <div class="input-group mb-3">
    <input
      type="text"
      placeholder="Enter MTCN Number"
      maxlength="16"
      class="form-control mtcn-textbox"
      [formControl]="mtcn"
      required
      type="text"
      aria-describedby="basic-addon2"
    />
    <div class="input-group-append">
      <button
        class="btn btn-primary"
        type="button"
        (click)="retrieveData()"
        [disabled]="mtcn"
      >
        Search
      </button>
    </div>
  </div>
</div>

有人可以帮助我实现这一目标吗？

标签： javascriptangular

Answer 1

您可以仅使用禁用按钮[disabled]="!mtcn.value"。或者，如果您的表单无效，您可以禁用按钮：[disabled]="!myForm.valid"