如何將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' ) );
        }
    },

});