在 Angular 中取消选择垫子选定值

大佬教程收集整理的这篇文章主要介绍了在 Angular 中取消选择垫子选定值，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决在 Angular 中取消选择垫子选定值？

我正在构建一个应用程序，其中使用了 Angular 12 和 Angular Material。在这个我有一个材料选择和一个重置按钮。我需要在单击重置按钮时从 Mat SELEct 中取消选择选定的值。我尝试了各种方法，例如将 [value] 设置为 null 并使用 Reactive 表单将值设置为 null 或空字符串。但它不起作用。

下面是代码文件以便更好地理解

alarm.component.HTML

provIDer

alarm.component.ts

  <form [formGroup]="dateFormGroup">
    <mat-form-fIEld>
      <mat-label>{{'Filter'| translatE}} {{'datetiR_263_11845@E'|translatE}}</mat-label>
      <mat-SELEct ID="datetiR_263_11845@eSELEcted" name="datetiR_263_11845@eSELEcted" formControlname="datetiR_263_11845@eSELEcted">
        <option value="" Disabled>{{'SELEct'|translatE}} {{'datetiR_263_11845@E'|translatE}}</option>
        <mat-option *ngFor="let item of datetiR_263_11845@eArr" [value]="item" (click)="datetiR_263_11845@eFilter(item)">
          {{item}}
        </mat-option>
      </mat-SELEct>
    </mat-form-fIEld>
    <button mat-flat-button class="btn commonBtn" (click)="resetFilters()">{{'reset'|translatE}}</button>
  </form>

截图

请问有什么解决办法吗？

解决方法

this.dateFormGroup.controls['datetiR_263_11845@eSELEcted'].SETVALue(null);

大佬总结

以上是大佬教程为你收集整理的在 Angular 中取消选择垫子选定值全部内容，希望文章能够帮你解决在 Angular 中取消选择垫子选定值所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。