我的代碼是Angular2中的領英認證問題。如何在Angular2中集成Linkedin
import {Component , OnInit , NgZone} from 'angular2/core';
import {HTTP_PROVIDERS} from 'angular2/http';
import {ROUTER_DIRECTIVES , Router} from 'angular2/router';
declare var IN : any;
@Component({
directives : [ROUTER_DIRECTIVES],
selector : '.main',
providers : [HTTP_PROVIDERS],
templateUrl : './app/registration/employee.reg.html'
})
export class EmployeeRegistrationComponent implements OnInit{
constructor(private zone : NgZone){
this.zone.run(() => {
$.proxy(this.OnLinkedInFrameworkLoad, this);
});
}
ngOnInit(){
var linkedIn = document.createElement("script");
linkedIn.type = "text/javascript";
linkedIn.src = "http://platform.linkedin.com/in.js";
linkedIn.innerHTML = "\n"+
"api_key: **********\n" +
"authorize: true\n" +
"onLoad:" + this.OnLinkedInFrameworkLoad ;
document.head.appendChild(linkedIn);
var script = document.createElement("script");
script.type = "in/Login";
document.body.appendChild(script);
}
OnLinkedInFrameworkLoad =() => {
IN.Event.on(IN, "auth", this.OnLinkedInAuth);
}
OnLinkedInAuth =() => {
IN.API.Profile("me").result(result => this.ShowProfileData);
}
ShowProfileData(profiles) {
console.log(profiles);
var member = profiles.values[0];
var id=member.id;
var firstName=member.firstName;
var lastName=member.lastName;
var photo=member.pictureUrl;
var headline=member.headline;
//use information captured above
}
}
控制檯拋出錯誤:angular2-polyfills.js:1250 Uncaught Error: Could not execute 'function() {'. Please provide a valid function for callback.
請幫我出了什麼是錯的我在做......
所以是角度讓你附加script標籤的DOM? –
是的..因爲我使用javascript dom函數..來處理腳本標記 –
@DoubleH你有沒有得到這個工作?我很難實現這一點,並且沒有關於如何做這種事情的文檔。 – pwborodich