这个问题可能是由于Angular 11中mat-input的ngModel属性与matSuffix的组合使用所导致的。为了解决这个问题,我们可以将ngModel绑定到一个变量上,并在matSuffix中使用该变量。
示例代码:
HTML:
TS:
export class MyComponent { myModel = '';
handleSuffixClick() { this.myModel = ''; } }
在这个示例中,我们将ngModel绑定到myModel变量上,并在matSuffix的点击事件中将myModel重置为空字符串。这样就可以解决Angular 11 mat input在删除内容时显示[object HTMLInputElement]的问题。