Angular(4)路由器不会替换路由，而是从Google API加载回调中调用时将它们堆叠起来

Question

我正在尝试在我的Angular 4应用中使用Google身份验证。我在index.html中加载了Google Platform.js和api.js。现在onclick登录按钮我做

gapi.load('auth2', () => {
  this.router.navigateByUrl('/home');
});

现在，Angular不是更换先前的路线，而是将新路线堆叠在旧路线（/login）上。我可以从Web控制台看到我的登录和家庭组件都如下所示，

<app>
    <router-outlet><router-outlet>
    <home></home>
    <login></login>
</app>

房屋应该替换登录，但这没有发生。谁能在这里提供一些帮助？

Answer 1

GAPI客户端库与Angular的搭配不好，而是使用REST API调用。解决了问题。