hi trying integrate facebook angular js web app. using ngfacebook service in angular js. when executing app getting error
"uncaught error: [$injector:modulerr] failed instantiate module tvewebapp due to: error: [$injector:modulerr] failed instantiate module ngfacebook due to: error: [$injector:nomod] module 'ngfacebook' not available! either misspelled module name or forgot load it. if registering module ensure specify dependencies second argument". i installed ngfacebook service using command "bower install ng-facebook".
and here code
angular.module('tvewebapp', ['ngfacebook' ]).config(['$facebookprovider', function($facebookprovider){ $facebookprovider.setappid('709438295835304'); $facebookprovider.setpermissions("email,user_likes"); $facebookprovider.setversion("v2.3"); }]).run(['$rootscope', function($rootscope) { (function(){ if (document.getelementbyid('facebook-jssdk')) {return;} var firstscriptelement = document.getelementsbytagname('script')[0]; var facebookjs = document.createelement('script'); facebookjs.id = 'facebook-jssdk'; facebookjs.src = '//connect.facebook.net/en_us/all.js'; firstscriptelement.parentnode.insertbefore(facebookjs, firstscriptelement); }()); }]); my controller
$scope.isloggedin = false; $scope.login = function() { $facebook.login().then(function() { refresh(); }); } function refresh() { $facebook.api("/me").then( function(response) { $scope.welcomemsg = "welcome " + response.name; $scope.isloggedin = true; }, function(err) { $scope.welcomemsg = "please log in"; }); } refresh(); my view
<button type="button" ng-click="login()" ng-hide="isloggedin" class="btn btn-default navbar-btn"> login </button> <div id="fb-root"> how can solve this? in advance.
add file in index.html:
<script src="link//to//ng-facebook.js"></script> 