如何将fb：login-button设为纯文本

Question

我已经实现了Facebook登录到我的网站。 现在，我希望fb：login-button采用纯文本格式。 有什么办法可以在聚合物中做到这一点吗？

我希望它像：

<a href= "#" on-click="FB.customCheckLoginState();"> Sign in with Facebook </a>

参考： https : //github.com/davidwittenbrink/facebook-login/blob/master/facebook-login.html

Answer 1

解决方案非常简单。 找出困难的方法-反复试验。

HTML：

<a href="#" on-click="fb_login">Sign in with facebook</a>

聚合脚本：

Polymer ({
    is: 'facebook-login',

    fb_login: function() {
        FB.login( function( response ) {
            FB.api( '/me', function( facebookResponse ) {
               /* Do something here*/
            });
        }, { scope: 'public_profile,email,user_birthday' } );
    },

    ready: function() {
        window.fbAsyncInit = function() {
            FB.init({
                appId: 'YOUR_APP_ID',
                cookie : true,
                xfbml: true,
                version: 'v2.3'
            });
        }; 
        if( typeof(FB) == 'undefined' ) {
            ( 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' ) );
        }
    },

});