Приложение Angular 5 автоматически обновляется, когда я внедряю конструктор кнопок PayPal Identity - PullRequest
Новая
       10

Приложение Angular 5 автоматически обновляется, когда я внедряю конструктор кнопок PayPal Identity

0 голосов
/ 10 мая 2019

Проблема - приложение автоматически обновляется, когда я нажимаю на кнопку PayPal. Эта проблема только в приложении Angular - 5. https://stackblitz.com/edit/angular-k18t5w

PayPal-identity.component.ts 

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
    selector: 'app-paypal-identity',
    templateUrl: './paypal-identity.component.html',
    styleUrls: [ './paypal-identity.component.css' ]
})
export class PaypalIdentityComponent implements OnInit {
    loadAPI: Promise<any>;
    constructor(private route: ActivatedRoute) {}

    ngOnInit() {
        this.loadExternalScript('https://www.paypalobjects.com/js/external/connect/api.js').then(() => {
            const windowRef: any = window;
            console.log('windowRef', windowRef.paypal);
            windowRef.paypal.use([ 'login' ], function(login) {
                login.render({
                    appid: 'SANDBOX_APP_ID',
                    authend: 'sandbox',
                    scopes: 'email',
                    containerid: 'lippButton',
                    locale: 'en-us',
                    fullPage: 'false',
                    responseType: 'code',
                    buttonType: 'CWP',
                    buttonShape: 'pill',
                    buttonSize: 'lg',
                    returnurl: 'http://localhost:4200/paypal-identity'
                });
            });
        });
    }
    private loadExternalScript(scriptUrl: string) {
        return new Promise((resolve, reject) => {
            const scriptElement = document.createElement('script');
            scriptElement.src = scriptUrl;
            scriptElement.onload = resolve;
            document.body.appendChild(scriptElement);
        });
    }
}

PayPal-identity.component.html 

<span id='lippButton'></span>

Результат - Доза приложения не обновляется

...