angular - 如何将 paypal 与 angular 2+ 集成?

标签 angular paypal

有没有办法将 paypal 服务集成到 angular 2+ 应用程序中?我在官方 paypal 文档中找不到任何资源。谁能给我指点一个很好的资源来解决这个问题?

最佳答案

也许你可以使用这个 service .

你可以用 yarn 安装它:

yarn add auth0-js

或者也可以使用 npm:

npm install --save auth0-js

之后你将这行添加到你的基本代码中

// src/app/app.component.ts

import { Component } from '@angular/core';
import { AuthService } from './auth/auth.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  constructor(public auth: AuthService) {
    auth.handleAuthentication();
  }

}

HTML

<!-- src/app/app.component.html -->
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">Auth0 - Angular</a>
            <button class="btn btn-primary btn-margin" routerLink="/">Home</button>
            <button class="btn btn-primary btn-margin" *ngIf="!auth.isAuthenticated()" (click)="auth.login()">Log In</button>
            <button class="btn btn-primary btn-margin" *ngIf="auth.isAuthenticated()" (click)="auth.logout()">Log Out</button>
        </div>
    </div>
</nav>

<main class="container">
  <router-outlet></router-outlet>
</main>

希望对你有帮助。

问候狗狗

关于angular - 如何将 paypal 与 angular 2+ 集成?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48278910/

相关文章:

php - PayPal IPN - 访问 session 数据时遇到问题?

javascript - 如何在 Angular 中使用通过状态传递的数据

angular-oauth2-oidc 未设置 access_token

angular - “错误”,没有描述 Angular CLI

ruby-on-rails - PayPal-Ruby-SDK 网络体验配置文件创建

java - spring paypal api上下文问题

ruby-on-rails - 我可以使用 Twilio 号码作为收款人 PayPal 自适应付款吗?

c#-4.0 - 如何在 Paypal SOAP API 快速结帐中设置运费

javascript - 检测单词和句子的完成情况

angular - 如何从我的应用程序组件中的 auth.service 获取 isLoggedIn bool 值