primeng p-dialog change URL on close button - angular 2

Question

As per primeng close button html, href is pointing to #

<a *ngIf="closable" [ngClass]="{'ui-dialog-titlebar-icon ui-dialog-titlebar-close ui-corner-all':true}" href="#" role="button" (click)="close($event)" (mousedown)="onCloseMouseDown($event)">
                    <span class="fa fa-fw fa-close"></span>
</a>

My Piece of code is :

<p-dialog header="Student Confirmation" modal="true" appendTo="body" [resizable]="false">

How can we change default href from "#" to something else in angular?

Tried below solution, but doesn't work for me :

 public close(): void {
        this.router.navigateByUrl("../studentAssignments", { relativeTo: this.route });
        super.close();
    }

Answer 1

I don't think this can be possible because this the default HTML of primeng's component.

What you can do in this case is you can call onHide function on dialog component and redirect to wherever you want like this

<p-dialog (onHide)="close()" header="Student Confirmation" modal="true" appendTo="body" [resizable]="false">

public close(): void {
        this.router.navigateByUrl("../studentAssignments", { relativeTo: this.route });
    }

Working Example

Answer 2

Remove href="#" from the code

OR

Add href="javascript:void(0)"