如何在angularjs上设置Facebook Javascript SDK？

Question

我尝试在我的代码中设置Facebook SDK，但它总是返回错误。 我先做的是将我的代码放在angular.module下面的索引页面中：

var fbApi = angular.module('fbApi',['ngRoute']);
            window.fbAsyncInit = function() {
                    FB.init({ 
                      appId: 'api-id',

                      xfbml: true,
                      version: 'v2.6'
                    });
                };
            (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'));

然后我也创建了一项服务：

function fbApi () {
        var deferred = $q.defer();
            FB.api('/video_id', {
                fields: 'format'
            }, function(response) {
                if (!response || response.error) {
                    deferred.reject('Error occured');
                } else {
                    deferred.resolve(response);
                }
            });
            return deferred.promise;
     }

但它返回一个错误，说FB未定义或不是函数。我忘记了一些非常重要的事情吗？