Angular 7社交登录-点击后Google登录弹出窗口消失

Angular 7社交登录是指在使用Angular 7进行开发时，通过第三方社交平台（如Google）提供的登录功能，实现用户在网站或应用中使用社交账号进行登录的功能。

在Angular 7中，可以通过使用第三方库（如angularx-social-login）来实现社交登录功能。具体步骤如下：

1. 安装第三方库：在项目中安装angularx-social-login库，可以通过npm命令进行安装。
2. 创建Google开发者账号：在Google开发者控制台创建一个项目，并获取到相应的客户端ID。
3. 配置Angular应用：在Angular应用的环境文件中，添加Google的客户端ID。
4. 创建登录组件：在Angular应用中创建一个登录组件，用于处理社交登录的逻辑。
5. 实现社交登录功能：在登录组件中，引入angularx-social-login库，并使用其提供的方法实现社交登录功能。具体步骤包括初始化社交登录服务、调用登录方法、处理登录成功或失败的回调函数等。
6. 弹出窗口消失问题：在使用Google登录时，可能会遇到点击后弹出窗口消失的问题。这通常是由于浏览器的弹出窗口拦截器导致的。为了解决这个问题，可以在登录组件中添加一个按钮，当用户点击该按钮时，触发登录流程。在按钮的点击事件中，使用浏览器的window.open()方法打开一个新窗口，并将社交登录的URL作为参数传递给该方法。这样就可以避免浏览器拦截弹出窗口，并确保弹出窗口不会消失。

推荐的腾讯云相关产品：腾讯云云开发（CloudBase）是一款支持前后端一体化开发的云原生应用托管平台，提供了丰富的云开发能力和工具链，可用于快速搭建和部署各类应用。腾讯云云开发支持多种编程语言和框架，包括Angular，可以方便地进行前端开发和部署。

更多关于腾讯云云开发的信息，请访问：腾讯云云开发

请注意，以上答案仅供参考，具体实现方式可能因项目需求和环境而异。