Anpassen Facebook Share-Taste mit Bootstrap-Stil

Question

Wie könnte ich Bootstrap-Stil auf der Facebook-Share-Taste anwenden?

Ich wechsle die Aktie Link mit diesem dynamisch jedoch

$scope.$on('fbShareLinkChanged', function(e, d) { 
    $scope.fbShareLink = d 
    $scope.fbShareBtnTemplate = '<div class="fb-share-button" data-href="'+ d+ '" data-layout="icon_link" data-mobile-iframe="true""> </div>　' 

}); 

JS, fand ich die Schaltfläche Stil nicht geändert werden kann.

mag ich „mit deinen Freunden teilen“

Wie könnte ich tun Bootstrap-Stil mit Text benutzen?

DEMO Seite https://lazyair.co/user/quick_search/index#/?depart_date_range=2016%2F05%2F09%20-%202016%2F05%2F17&return_date_range=2016%2F06%2F14%20-%202016%2F06%2F17&from=OKINAWA&to=TAIPEI (die Schaltfläche wird angezeigt, wenn Sie ein Drop-Down-Element ändern)

Answer 1

Ist das, was Sie zu tun versuchen?

HTML

<a href="https://www.facebook.com/sharer/sharer.php?u=" title="Share on 
Facebook" target="_blank" class="btn btn-facebook"><i class="fa 
fa-facebook"></i> Share with your friends</a> 

CSS

.btn-facebook { 
background: #3b5998; 
border-radius: 3px; 
color: #fff; 
padding: 8px 16px; 
} 

.btn-facebook:link, .btn-facebook:visited { 
color: #fff; 
} 

.btn-facebook:active, .btn-facebook:hover { 
background: #30477a; 
color: #fff; 
} 

ich in den Klassen für den Stil im Grunde hinzufügen würde, und das Element ändern aus "div" auf "ein" Element.

$scope.fbShareBtnTemplate = '<a class="btn btn-facebook" data-href="'+ d + '" data-layout="icon_link" data-mobile 
-iframe="true"> <i class="fa fa-facebook"></i> Share with your friends</a>' 

Bitte sehen

https://jsfiddle.net/h5472odv/

Hinweis: dies erfordert Fontawesome