mat-checkbox 检查方法结果答案

【问题标题】：mat-checkbox check on method resultmat-checkbox 检查方法结果
【发布时间】：2021-10-07 23:40:51
【问题描述】：

我有一个 mat-checkbox，当我单击它时，我会显示一个 mat-dialog 组件，如果用户单击“确认”，我希望复选框被选中，如果他们按下取消，我希望它保持未选中状态，我该怎么做？

这里是复选框被点击时调用的方法：

onShowDialog(): void {
    const dialogRef = this.dialog.open(ConfirmActionDialogComponent, {
      width: '250px',
      data: { title: 'Enable publish?'}
    });

    dialogRef.afterClosed().subscribe(result => {
      if (result) {
        return true;
      }
    });
  }

<mat-checkbox *ngIf="settingsChanged" (change)='onShowDialog($event)' formControlName="automaticallyPublish">Checkbox name</mat-checkbox>

【问题讨论】：

标签： html angular typescript checkbox angular-material

【解决方案1】：

您好，我建议使用 Primeng。他们有一个复选框预设（我不知道还能叫什么），您可以免费使用。链接在这里： https://www.primefaces.org/primeng/showcase/#/checkbox 他们有示例代码/项目，向您展示如何使用它。请注意，您必须安装primeng，这里有一个链接可以帮助您： https://www.primefaces.org/primeng/showcase/#/setup 希望这对你有用！

【讨论】：