Цифры доступны для приложения Angular 2?

Question

Как мы можем реализовать Digits by Twitter в приложении Angular 2?

Я попытался использовать версию Javascript, включив JS-файл SDK в страницу index.html и добавив код Javascript в метод ngAfterViewInit.

Как этот код..

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

@Component({
    selector: 'login',
    templateUrl: './login.component.html'
})
export class LoginComponent implements OnInit, AfterViewInit {
    constructor() { }

    onLogin(loginResponse) {
        // Send headers to your server and validate user by calling Digits’ API
        let oAuthHeaders = loginResponse.oauth_echo_headers;
        let verifyData = {
            authHeader: oAuthHeaders['X-Verify-Credentials-Authorization'],
            apiUrl: oAuthHeaders['X-Auth-Service-Provider']
        };
        console.log('verifyData', verifyData);
        //   $.post('/verify', verifyData)
        //     .done(function(){ window.reload(); });
    }

    onLoginFailure(error) {
        console.log('error', error);
    }

    ngOnInit() { }
    ngAfterViewInit() {
        document.getElementById('digits-sdk').onload = function () {
            Digits.init({ consumerKey: 'yourConsumerKey' });
        };

        Digits.embed({
            container: '.my-digits-container',
            theme: {
                accent: '315B7F',       /* Buttons & Links */
                background: '002747',   /* Transparent by defaul */
                label: 'FFF',           /* Titles and text */
                border: '324F67'        /* Input fields borders */
            }
        })
            .done(this.onLogin) /*handle the response*/
            .fail(this.onLoginFailure);
    }
}

Но я получаю ошибку, так как "Цифры" не определены

Answer 1

Вы должны указать цифры sdk cdn url в вашем index.html для инициализации цифр.

Answer 2

Вы должны дать цифры sdk cdn url в вашем index.html для инициализации.