在我的AngularJS应用程序上尝试facebook的Like按钮

Question

所以今天，我在Facebook上创建了一个测试应用程序。我跟着向导。它告诉我要在之后添加此代码。我在我的控制台中看到sdk.js，它可以很好地加载。

<script>
    window.fbAsyncInit = function() {
        FB.init({
            appId      : '1xxxxxxxxxxxxxxx',
            xfbml      : true,
            version    : 'v2.2'
        });
    };

    (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'));
</script>

然后它还告诉我将这段代码添加到正文中。

<div class="fb-like" data-share="true" data-width="450" data-show-faces="true"></div>

但是，我收到此错误

Uncaught SecurityError: Blocked a frame with origin "https://s-static.ak.facebook.com" from accessing a frame with origin http://www.ourdomain.com. Protocols, domains, and ports must match.

我已经遵循了我之前在本网站上找到的其他解决方案，但没有一个能够提供帮助。