CODEWITHSUNDEEP
javascriptphpangularjsfacebook
Tony Stark
Tony Stark

Reputation: 54

Facebook Integration using angular js in php

I'm new to angularJS and just want to integrate facebook, I copied the sample code from facebook integration page but didn't get anything. My code is as below ->

<html>
    <head>
        <title>Angular JS Facebook Intergration</title>
        <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>      
        <script src = "//connect.facebook.net/en_US/sdk.js"></script>
    </head>
    <body ng-app='fbApp'>      
        <div ng-controller="fbController">
            {{getMyLastName()}}
        </div>
        <script> 
            window.fbAsyncInit = function() {
                FB.init({ 
                  appId: 'XXXXXXX',
                  status: true, 
                  cookie: true, 
                  xfbml: true,
                  version: 'v2.4'
                });
            };
            var fbApp = angular.module("fbApp", []);
            fbApp.controller('fbController',function($scope){
                    $scope.getMyLastName = function() {
                       facebookService.getMyLastName() 
                         .then(function(response) {
                           $scope.last_name = response.last_name;
                         }
                       );
                    };
            });
            fbApp.factory('facebookService', function($q) {
                return {
                    getMyLastName: function() {
                        var deferred = $q.defer();
                        FB.api('/me', {
                            fields: 'last_name'
                        }, function(response) {
                            if (!response || response.error) {
                                deferred.reject('Error occured');
                            } else {
                                deferred.resolve(response);
                            }
                        });
                        return deferred.promise;
                    }
                }
            });
        </script>
   </body>
</html>

output: {{getMyLastName()}} , Please Help me , (This example is just for learning) , Thanks in advance.

Upvotes: 0

Views: 161

Answers (1)

georgeawg
georgeawg

Reputation: 48968

how do i inject facebookService ????

You need to add it as an argument to your controller function:

       fbApp.controller('fbController',function($scope, facebookService){
                $scope.getMyLastName = function() {
                   facebookService.getMyLastName() 
                     .then(function(response) {
                       $scope.last_name = response.last_name;
                     }
                   );
                };
        });

Upvotes: 1

Related Questions