각도 (4) 라우터는 Google API로드 콜백 내부에서 호출 될 때 라우트를 쌓아 버리지 않습니다.

Question

각도 4 앱에서 Google 인증을 사용하려고합니다. index.html에 Google platform.js와 api.js를로드했습니다. 지금 수행하는 onClick 로그인 버튼

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

이전 경로를 바꾸는 대신, Angular는 이전 경로 (/ login)를 통해 새 경로를 스태킹합니다. 웹 콘솔에서 로그인 및 홈 구성 요소가 모두 다음과 같이 표시됩니다.

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

홈은 로그인을 대체해야한다고 가정합니다. 아무도 여기서 도움을 줄 수 있습니까?

Answer 1

Gapi 클라이언트 라이브러리가 Angular와 잘 어울리지 않지만 대신 Rest API 호출을 사용했습니다. 그것으로 문제가 해결되었습니다.