FB 登录 API 的 checkLoginState 在 Angular Controller 中给出未定义
checkLoginState for FB login api gives undefined in angular controller
我正在为Facebook登录api使用以下代码:-
function statusChangeCallback(response) {
console.log('statusChangeCallback');
console.log(response);
if (response.status === 'connected') {
testAPI();
} else if (response.status === 'not_authorized') {
document.getElementById('status').innerHTML = 'Please log ' +
'into this app.';
} else {
document.getElementById('status').innerHTML = 'Please log ' +
'into Facebook.';
}
};
function checkLoginState() {
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
});
};
window.fbAsyncInit = function() {
FB.init({
appId : '924067597708287',
cookie : true,
xfbml : true,
version : 'v2.5'
});
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
});
};
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
function testAPI() {
console.log('Welcome! Fetching your information.... ');
FB.api('/me', function(response) {
console.log('Successful login for: ' + response.name);
console.log('Successful login for: ' + response.id);
console.log('Successful login for: ' + response.picture);
document.getElementById('status').innerHTML =
'Thanks for logging in, ' + response.name + '!';
document.getElementById('pic').innerHTML =
'Your user id is : ' + response.id + "<br />" +
"<img src='" + "https://graph.facebook.com/" + response.id + "/picture?type=large' alt='' />";
});
};
当我在角度控制器中放置相同的代码时,我收到一条错误消息
checkLoginState is not defined
登录过程停止,但是当我刷新时,它显示已登录。
请帮忙。
一旦你把checkLoginState
放到控制器中,它是否超出了FB(sdk.js的范围。因此,请在窗口中定义它(您需要注入$window
)。
$window.checkLoginState = function() {
FB.getLoginStatus(function(response) {
console.log("checkLoginState: "+response);
});
}
然后,您应该在每次单击后在控制台中看到以下内容,它告诉您FB可以访问该功能:
checkLoginState: [object Object]
我不得不稍微修改丘吉尔先生的回答才能完成这项工作。
这就是对我有用的方法,请注意在"窗口"之前最开头缺少的 $:
window.checkLoginState = function() {
FB.getLoginStatus(function(response) {
console.log("checkLoginState: "+response);
});
}
谢谢丘吉尔先生的回答。
相关文章:
- 为什么“;未定义的“;在JavaScript中结束循环
- 要求未定义JS回调参数
- 如何检查管道中未定义的项目
- TypeError:无法读取属性'推'未定义的JavaScript
- $window.ga在AngularJS事件中未定义
- 未捕获的TypeError无法读取未定义的属性socialsharing
- 为什么grunt contrib connect的中间件选项的第三个参数是未定义的
- 无法获取属性'selectedIndex'的未定义引用或null引用
- 如何消除代码中的未定义和其他问题
- 未捕获的ReferenceError:$未定义
- this.router在AngularJS 2中未定义
- 未捕获的类型错误:无法读取属性'删除'的未定义
- FB 登录 API 的 checkLoginState 在 Angular Controller 中给出未定义
- EmberJS Controller 是未定义的
- 使用 Karma 进行角度测试:注入控制器后,$controller() 未定义
- Argument Controller不是一个函数,未定义-一个页面中有两个Angular应用程序
- EmberRoute.controller返回未定义
- 在Route类中未定义this.controller
- 错误:参数{controller}不是一个函数,未定义
- 在添加指令时,Controller是未定义的