application d'une seule page avec angularjs et le bouton de partage facebook
J'ai suivi ce post pour déployer facebook partager botton dans mon application
http://www.hyperarts.com/blog/tutorial-how-to-add-facebook-share-button-to-your-web-site-pages/
Le premier problème est que je ne peut pas passer post.id
post.caption
à facebook script.
Le second est le lien de tous les post sur facebook mur link: ' link to every {{post.id}}'
. Si les gens cliquent sur un lien partagé sur son mur, il doit jum (DÉFILEMENT AUTOMATIQUE) à certains post sur mon site, c'est simple page afin que tous les postes ont le même lien
Merci beaucoup!
C'est mon Angularjs contrôleur:
function MyController($scope) {
$scope.posts = [{"title": "AAtitle",
"content":"AAcontent",
"caption":"AAcaption",
"id":"adfddsf"dfsdfdsds
},
{"title": "BBtitle",
"content":"BBcontent",
"caption":"BBcaption",
"id":"dfgfddrggdgdgdgfd"
},
{"title": "CCtitle",
"content":"CCcontent",
"caption":"CCcaption",
"id":"dhgfetyhnncvcbcqqq"
}
]
}
C'est facebook SDK:
<div id="fb-root"></div>
window.fbAsyncInit = function() {
FB.init({appId: 'MY APP ID', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
C'est mon html
<div ng-controller = "MyController">
<ul>
<li ng-repeat = "post in posts">
<div> {{post.title}} </div>
<div> {{post.content}} </div>
<div> <script type="text/javascript">
$(document).ready(function(){
$('#{{post.id}}').click(function(e){ //unrecognized expression: {{post.id}}
e.preventDefault();
FB.ui(
{
method: 'feed',
name: 'This is the content of the "name" field.',
link: ' link to every {{post.id}}',
caption: '{{post.caption'}},
});
});
});
</script>
<div id = "{{post.id}}">share </div>
</div>
</li>
</ul>
</div>
source d'informationauteur user3044147 | 2013-12-12
Vous devez vous connecter pour publier un commentaire.
Je pense que vous pouvez vous inscrire bouton de partage, cliquez sur gestionnaire d'événement dans "Angulaire". Déplacer la logique de contrôleur et de l'utilisation ng-cliquez sur la directive pour déclencher l'action de partage.
Ma mise en œuvre
HTML
Contrôleur
Capture d'écran
Vous pourriez créer un service de FACEBOOK de partager si cette fonction s'appliquent à plusieurs parties.
Espère que cela est utile.
Voici également une directive construit sur la base d'Chickenrice de réponse.
Html:
Directive:
Si vous utilisez jshint (vous devriez) le
/* global FB */
partie est là pour ne pas vous undefined variable d'avertissement.