在Angular 7应用程序中，OKTA sign in小部件未在页面路由上呈现

Question

我在我的Angular应用程序中使用了带有@Okta/Okta-angular 1.2.1和@okta/okta-signin-widget 2.19.0的angular 7.2。

在第一次加载应用程序时，我能够看到登录小部件，但如果在其他页面上开始路由(这不需要身份验证)，并通过应用程序路由或浏览器返回按钮再次返回登录页面，则无法看到登录okta-signin-小部件。它不会在页面上重新渲染。

我在okta-sign-in小部件示例代码中也发现了这个问题。(https://github.com/okta/samples-js-angular/tree/master/custom-login)

请提供处理此问题的建议。

Answer 1

在将以下代码添加到我的登录组件后，我找到了这个问题的解决方案：

ngOnDestroy(){
      this.OktaSignInwidgetObject.remove();
  }

其中this.OktaSignInwidgetObjectis是初始配置对象的实例：

 this.OktaSignInwidgetObject= new OktaSignIn(
  {
    baseUrl: 'https://{yourOktaDomain}'
    /** other Configuration*/
  }
);