如何在路由器链接中触发外部 URL 弹出窗口

Question

我有 Angular 4 个应用程序使用 Angular 路由器。我有打开新组件对话框的超链接。我已经知道如何从函数打开模态对话框。

component.html

<p-dialog header="New Activity" width="350" 
    [(visible)]="displayDialog" [responsive]="true" showEffect="fade" 
    [modal]="true">
    <div class="form-group">
    <label for="status">
        <span translate>Status</span>
    </label>
    <div>
       <input pInputText readonly formControlName="Status" />
    </div>
</div>

我正在使用以下函数触发表单内的函数

component.ts

showDialogToAdd() {
    this.displayDialog = true;
}

现在我需要从另一个组件调用打开对话框的页面

仪表板。component.html

<a href="javascript:void(0);" [routerLink]="['../activities', {displayDialog: 'true'}]" class="wa-btn">
    <i class="icon ic-sm icon-add"></i>
</a>

Answer 1

订阅 ngOnInit() 中的查询参数为：

component.ts

constructor(private route: ActivatedRoute) {
}

ngOnInit() {
    this.route
      .queryParams
      .subscribe(params => {
        this.displayDialog = params['displayDialog'] || false;
});

dashboard.component.html

<a [routerLink]="['activities']" [queryParams]="{ displayDialog: true }" class="wa-btn">
   <i class="icon ic-sm icon-add"></i>
</a>

如何在路由器链接中触发外部 URL 弹出窗口

How to trigger external URL popup in the routerlink

angular

angular4-forms