Angular 6 - интеграция Paypal v2 - PullRequest
0 голосов
/ 17 мая 2019

Я хочу интегрировать API Paypal v2 в мое приложение Angular 6. Ниже приведен код, за которым я следовал этой статье: https://developer.paypal.com/docs/checkout/integrate/#

Однако я не вижу кнопок PayPal, отображаемых на отображаемой странице.

Не уверен, что мне не хватает.

    // Checkout.component.ts
    ngOnInit() {
    		//this.configPaypalV1();
    		this.configPaypalV2();
    }
      
    declare let paypal: any;

    // Paypal Objects
    	public paypalConfigV2: any;
    	isPaypalScriptAdded: boolean = false;


    ngAfterViewChecked() {
    		if (!this.isPaypalScriptAdded) {
    			this.addPaypalScriptV2().then(() => {
    				paypal.Button.render(this.paypalConfigV2, 'paypal-button-container');
    				this.isPaypalScriptAdded = true;
    			});
    		}
    }

    	configPaypalV2() {
    		this.paypalConfigV2 = {
    			currency: 'USD',
    			clientId: '<my client id>',
    			createOrderOnClient: (data) => {
    				intent: 'CAPTURE',
    				purchase_units: [
    					{
    						amount: {
    							currency_code: 'USD',
    							value: '999.99',
    							breakdown: {
    								item_total: {
    									currency_code: 'USD',
    									value: '999.99'
    								}
    							}
    						},
    					}
    				]
    			},
    			style: {
    				layout: 'vertical'
    			},
    			onApprove: (data, actions) => {
    				console.log('onApprove');
    				actions.order.get().then(details => {
    					console.log('action');
    				});
    			},
    			onClientAuthorization: (data) => {
    				console.log('onClientAuthorization');
    			},
    			onCancel: (data, action) => {
    				console.log('onCancel');
    			},
    			onError: (err) => {
    				console.log('onError');
    			},
    			onClick: () => {
    				console.log('onClick');
    			},
    		};
    	}
    <!-- Checkout.component.html -->
    <div id="paypal-button-container"></div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...