如何在 Keycloak Angular 的新标签页中打开帐户管理

如何解决如何在 Keycloak Angular 的新标签页中打开帐户管理

我在我们的应用中使用 Keycloak Angular library，我希望用户能够在新标签中打开帐户管理页面。该库允许访问底层 Keycloak 适配器，而后者又允许我调用 accountManagement()。这工作正常并将我重定向到帐户管理站点，但没有选项/设置可以在新选项卡中打开该站点。

作为一种解决方法，我引入了一个 KeycloakRedirect 组件，它负责委托给 Keycloak，我通过 routerLink 在我的实际组件中调用它：

export class KeycloakRedirectComponent implements OnInit {

    // ...
    ngOnInit() {
      // some logic to determine whether to redirect or not
      handleAccountManagementRedirect();
    }

    handleAccountManagementRedirect() {
        this.location.replaceState('');  // this is necessary to prevent an endless redirect between our app and Keycloak      
        this.keycloakService.getKeycloakInstance().accountManagement().catch(err => {
            console.error(err);
          });
      }

}

在“调用”组件的 html 中，我只是这样做：

<a mat-list-item target="_blank" [routerLink]="[routes.keycloakRedirect]">

现在，这工作正常，但看起来很麻烦，我想知道是否有更简单的方法来做到这一点？