我们如何在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);
}
}
但是我收到错误,因为“数字”没有定义
答案 0 :(得分:0)
你应该在index.html中给出数字sdk cdn url以进行初始化。
答案 1 :(得分:0)
你应该在index.html中给出数字sdk cdn url,用于初始化数字。