javascript - 如果 Angular 6 中的 textarea 为空，如何禁用复选框

Question

我的 Angular 模板中有文本区域和复选框。Textarea 可以有或没有值，这取决于我的 api。如果 textarea 为空，我想将属性 disabled 添加到我的复选框，如果 textarea 有它，则不添加

就像是：

<textarea name="descriptionText" formControlName="descriptionText">
</textarea>
<input type="checkbox" [disabled]="!descriptionText.length" />

标签： javascriptattributesangular6

Answer 1

您可以使用 ngModel 来实现这个目标

<textarea [(ngModel)]="text"></textarea>
<input type="checkbox" [disabled]="!text || text.length <= 0" />

添加!text检查可以避免将 text var 声明到 ts 组件中。

请记住将 ngModel 导入到您的 ts 组件中，如下所示：

import { NgModule } from '@angular/core';