Angularjs ngFacebook不以角度加载工作，并抛出；can'；t加载URL"；错误

我的代码如下所示：

app.js

angular.module('quflipMobWeb', [
    'quflipMobWeb.services',
    'quflipMobWeb.controllers',
    'quflipMobWeb.login',
    'quflipMobWeb.homeController',
    'ngRoute',
    'ngFacebook'
]).
config(['$routeProvider', '$locationProvider', '$facebookProvider', function($routeProvider, $locationProvider, $facebookProvider) {
        $routeProvider.
        when("/home", { templateUrl: "template/home.html", controller: "homeController" }).
        when("/login", { templateUrl: "template/login.html", controller: "loginController" }).
        otherwise({ redirectTo: '/login' });
        $facebookProvider.setAppId('id').setPermissions(['email', 'user_friends']);
    }])
    .run(['$rootScope', '$window', function($rootScope, $window) {
        (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'));
        $rootScope.$on('fb.load', function() {
            $window.dispatchEvent(new Event('fb.load'));
        });
    }]);

loginController.js

angular.module('quflipMobWeb.login', []).
controller('loginController', function($scope, $location, $facebook) {
    $scope.facebookClick = function() {
        // $location.path("/home");
        $facebook.api("/me").then(
            function(response) {
                $scope.welcomeMsg = "Welcome " + response.name;
            },
            function(err) {
                $scope.welcomeMsg = "Please log in";
            });
    };

    $scope.googleClick = function() {
        $location.path("/home");
    };
});

login.html

<div class="q-login-background">
    <div class="q-login-container ng-cloak">
        <p class="q-login-text"> Login through</p>
        <div class="q-facebook-button" ng-click="facebookClick()"> Facebook </div>
        <div style="font-size:12px;color:#ACACAC;"> or </div>
        <div class="q-google-button" ng-click="googleClick()"> Google </div>
    </div>
</div>

通过
脸谱网
或
谷歌

为了使用facebook登录，我甚至在developer.facebook.com中设置了网站URL

但不知怎的，它给了我以下错误：

无法加载URL:此URL的域未包含在应用程序的域中。若要加载此URL，请将应用程序的所有域和子域添加到应用程序设置中的“应用程序域”字段。

---

这里是否缺少我忘记实现的内容？

请确保您的域位于应用程序域设置部分

将仅域放入此分区，而不是完全路径。在您的情况下，请尝试仅放置

localhost

---

你只强调领域，但你似乎不知道这实际上意味着什么。在这种情况下，域名应该是

localhost

-没有协议，没有端口。是的，你是对的@CBroe。编辑答案。谢谢你的夸奖。