Question

我想使用Facebook's Page Plugin在AngularJS应用中显示来自Facebook页面的帖子。我知道这可以通过the API来完成（更漂亮，更好，更聪明），但如果可以的话，我宁愿做插件。

该插件提供了一些代码，JS：

CLLocationManager

HTML：

iOS 9

我宁愿不在我的Angular-templates中对<div id="fb-root"></div> <script>(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#xfbml=1&version=v2.4&appId=271678779576853"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>标签进行硬编码，所以我何时才能获得并在需要时将其激活？

非常感谢！

Answer 1

简而言之，@Buzinas是正确的。只需使用Angular-EasyFB插件即可。我只需要包含 Angular-EasyFB 模块，然后按照Social Plugins上的指南进行操作。

我在应用的配置块中配置 Angular-EasyFB 模块：

angular.module('app').config(function(ezfbProvider) {
    // Set up FB
    ezfbProvider.setLocale('da_DK');
    ezfbProvider.setInitParams({
        appId: 00000 // My FB APP ID
    });
});

呈现Facebook页面插件的方法是使用与generator creates for you相同的代码：

<div class="fb-page" data-href="https://www.facebook.com/facebook" data-small-header="false" data-width="1000" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"></div>

然后它只是工作！但请注意，Page Plugin的RWD功能非常有限。

如何将FB页面插件添加到AngularJS应用程序？

1 个答案: