angularjs: facebook image request

fbImageReq.html

<div ng-app="module" ng-controller="fbImageReqCtrl">
    <img ng-src='{{url}}' />
</div>

fbImageReq.js

angular.module('module', []).factory('api', function($q, $http){
    return {
        getPic:function(id){
            var def = $q.defer();
             $http.jsonp('https://graph.facebook.com/' + id +'/picture?redirect=false&callback=JSON_CALLBACK').success(function(r){
            def.resolve(r.data.url);
        });
            return def.promise
        }
    }
});

function fbImageReqCtrl ($scope, api){
    
     $scope.url = api.getPic('shaverm');   
}