要在Angular中集成OAuth2，您可以按照以下步骤进行操作：

步骤1：安装必要的依赖项 在项目根目录下，打开终端并运行以下命令来安装angular-oauth2-oidc库：

npm install angular-oauth2-oidc

步骤2：创建OAuth2配置 在项目的根目录下，创建一个名为oauth-config.ts的文件，并添加以下代码：

import { AuthConfig } from 'angular-oauth2-oidc';

export const authConfig: AuthConfig = {
  issuer: 'https://your-authorization-server.com',
  clientId: 'your-client-id',
  redirectUri: window.location.origin + '/callback',
  responseType: 'code',
  scope: 'openid profile email',
  showDebugInformation: true,
};

在上面的代码中，您需要根据您的OAuth2提供程序的配置进行相应的更改。确保将clientId替换为您的客户端ID，issuer替换为您的授权服务器的URL。

步骤3：创建OAuth2服务 在项目的根目录下，创建一个名为oauth.service.ts的文件，并添加以下代码：

import { Injectable } from '@angular/core';
import { AuthConfig, OAuthService } from 'angular-oauth2-oidc';
import { authConfig } from './oauth-config';

@Injectable({
  providedIn: 'root',
})
export class OAuthService {
  constructor(private oauthService: OAuthService) {
    this.configure();
  }

  private configure(): void {
    this.oauthService.configure(authConfig);
    this.oauthService.loadDiscoveryDocumentAndTryLogin();
  }

  public login(): void {
    this.oauthService.initCodeFlow();
  }

  public logout(): void {
    this.oauthService.logOut();
  }

  public getToken(): string {
    return this.oauthService.getAccessToken();
  }

  public isAuthenticated(): boolean {
    return this.oauthService.hasValidAccessToken();
  }
}

在上面的代码中，我们使用OAuthService提供的方法来配置和处理OAuth2流程。login方法将重定向用户到OAuth2提供程序的登录页面，logout方法将注销用户，并且getToken方法将返回访问令牌。isAuthenticated方法将检查用户是否有有效的访问令牌。

步骤4：在应用程序中使用OAuth2服务 在您的应用程序的组件中，您可以注入OAuthService并使用其提供的方法来管理OAuth2流程。例如：

import { Component } from '@angular/core';
import { OAuthService } from './oauth.service';

@Component({
  selector: 'app-root',
  template: `
    Login
    Logout
    

      Access Token: {{ getToken() }}
    
  `,
})
export class AppComponent {
  constructor(private oauthService: OAuthService) {}

  public login(): void {
    this.oauthService.login();
  }

  public logout(): void {
    this.oauthService.logout();
  }

  public getToken(): string {
    return this.oauthService.getToken();
  }

  public isAuthenticated(): boolean {
    return this.oauthService.isAuthenticated();
  }
}

在上面的代码中，我们在模板中添加了两个按钮，用于登录和注销。如果用户已登录，我们将显示访问令牌。

这是一个基本的示例，您可以根据自己的需求进行更改和扩展。请确保按照OAuth2提供程序的文档进行配置，并根据需要添加其他功能（例如，获取用户信息）。