Как снять флажок, если текстовая область пуста в Angular 6

Question

У меня есть текстовая область и флажок в моем угловом шаблоне.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 проверку, вы можете избежать объявления text var в вашем компоненте ts.

Не забудьте импортировать ngModel в ваш tsкомпонент, как это:

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