使用AngularJS的Facebook登录按钮

发布时间：2020-12-17 06:52:33 所属栏目：安全来源：网络整理

导读：我正在尝试使用 https://developers.facebook.com/docs/reference/plugins/login/的文档将Facebook登录按钮添加到我的网站现在,此按钮显示在视图中.仅当用户明确请求登录网站时才加载视图. 我使用的是HTML5版本.在第1步中,我被要求包含Javascript SDK – 我

我正在尝试使用 https://developers.facebook.com/docs/reference/plugins/login/的文档将Facebook登录按钮添加到我的网站

现在,此按钮显示在视图中.仅当用户明确请求登录网站时才加载视图.

我使用的是HTML5版本.在第1步中,我被要求包含Javascript SDK – 我在标记之后立即执行此操作.它位于包含ng-view指令的主页面中.

我将代码放置在视图中呈现登录按钮.问题是,如果我通过单击主页面中的登录按钮导航到视图,则视图不会呈现FB登录按钮.但是,如果我刷新页面(包含登录视图的页面),则按钮呈现.

我已经将Javascript SDK的代码移动到了登录视图中 – 无论是在呈现按钮之前还是之后,这也无法解决问题.仅在刷新登录视图时,才会呈现该按钮.

所以,
a)我要么知道为什么会发生这种情况,要么解决问题
b)在AngularJS中刷新;这就是我需要知道AngularJS在渲染之前刷新登录视图的方式,以便(我希望)登录按钮被渲染.

解决方法

这是因为Facebook渲染整个页面一次,以找到它的按钮和东西.
加载ngView后需要重新运行解析器.

因为你不应该在控制器上进行dom操作,所以这是一个指令版本.

angular.module("myApp",[]).directive("fbLogin",function($rootScope) {
    return function (scope,iElement,iAttrs) {
        if (FB) {
            FB.XFBML.parse(iElement[0]);
        }
    };
};

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!