如果 Angular 6 中的文本区域为空，如何禁用复选框

Question

我的 Angular 模板中有文本区域和复选框。 textarea可以带值也可以不带值，看我的api。 如果 textarea 为空，我想将禁用属性添加到我的复选框，如果 textarea 有它则不添加

类似于：

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

Answer 1

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

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

添加 !text 检查可以避免在 ts 组件中声明文本变量。

记得像这样将 ngModel 导入到你的 ts 组件中：

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