angular - 如果输入为空，则隐藏重置按钮

Question

我是角度新手，所以我需要一个简单代码的帮助。我有一个清除输入字段值的按钮。

如果输入字段为空，我希望它（按钮）被隐藏，反之亦然（如果输入字段内有文本则可见）。

解决方案可以是越简单越好。

<input matInput [formControl]="resetcontrol">
<button *ngIf="isEditable && (!!resetconrol.value)" (click)="reset()" >reset</button>

标签： angularangular-reactive-formsreset

Answer 1

您可以简单地使用/自定义此代码 -

<input [(ngModel)]='inputValue' />
<button>Submit</button>
<button *ngIf='inputValue' (click)='inputValue = ""'>Clear</button>

工作示例