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

Question

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

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

解决方法越简单越好

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

Answer 1

你可以简单地 use/customize 这个代码 -

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

Hide Reset Button If Input is empty