Working Example

Question

根据primeng关闭按钮html，href指向＃

<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>

我的代码是：

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

我们如何更改＆＃34;＃＆＃34;的默认href？角色中的其他东西？

尝试以下解决方案，但对我不起作用：

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

Answer 1

从代码中删除click

或

添加href="#"

Answer 2

我不认为这是可能的，因为这是primeng组件的默认HTML。

在这种情况下你可以做的是你可以在对话框组件上调用onHide函数并重定向到你想要的任何地方

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

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

primeng p-dialog更改关闭按钮上的URL - 角度2

2 个答案:

Working Example