modal.component.ts

@Component({
  selector: 'app-modal',
  template: `
    <button 
      [routerLink]="[]" 
      [queryParams]="{isOpen: true}">
      Abrir Modal
    </button>

    <nz-modal 
      [nzVisible]="isOpen$ | async" 
      nzTitle="Minha Modal" 
      (nzOnCancel)="closeModal()" 
      (nzOnOk)="closeModal()">
      <ng-container *nzModalContent>
        <p>Conteúdo do modal</p>
      </ng-container>
    </nz-modal>
  `,
})
export class ModalComponent implements OnInit {
  isOpen$: Observable<boolean>;
  
  private activatedRoute = inject(ActivatedRoute);
  private router = inject(Router);

  ngOnInit(): void {
    this.isOpen$ = this.activatedRoute.queryParams.pipe(
      map(({ isOpen }) => isOpen === 'true')
    );
  }

  closeModal(): void {
    this.router.navigate([], { queryParams: { isOpen: false } });
  }
}