有角度2 app的数字?

时间:2017-04-18 10:26:48

标签: angular twitter-digits

我们如何在Angular 2 App中通过Twitter实现数字?

我尝试使用Javascript版本,在index.html页面中包含SDK JS文件 并将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);
    }
}

但是我收到错误,因为“数字”没有定义

2 个答案:

答案 0 :(得分:0)

你应该在index.html中给出数字sdk cdn url以进行初始化。

答案 1 :(得分:0)

你应该在index.html中给出数字sdk cdn url,用于初始化数字。