How to add a plugin in angularjs project - angularjs

Question

I want to use the Cordova facebook plugin for my project. Since the instructions are done for phonegap I get confused when I have to use it only on angular.
So here is what I have so far.
1.I add the CordovaFacebook.js in my scripts and reference it in bundleConfig.
2.I create a new service.js file like this:
'use strict';
var app = angular.module('app.FacebookService', []); // extend the app
var plugin = new CC.CordovaFacebook();
app.factory('FacebookService', [ 'plugin', function(plugin) {
plugin.init('1111111111', 'Cordova',
['public_profile', 'email', 'publish_actions'],
function(response) {
if (response) {
console.log("Access token is: " + response.accessToken);
console.log("Expires: " + response.expirationDate);
console.log("Permissions are: " + response.permissions);
}
}, failureCallback);
plugin.login(function(response) {
console.log("Access token is: " + response.accessToken);
console.log("Expires: " + response.expirationDate);
console.log("Permissions are: " + response.permissions);
}, failureCallback);
}]);
I add this app.service in the App.js file
And at this point I am stuck, when I run my application it says CC from CC.CordovaFacebook() is not defined.
Can you please let me know how is this done step by step. What am I missing ?

Answer 1

Looks like your reference to bundleConfig does not contain CordovaFacebook.js, so your code complaining about CC namespace defined in CordovaFacebook.js.
If you are using Cordova, why don't you simply try cordova plugin add ... from command line to use the plugin? I am pretty sure it's a cordova plugin (hint: I wrote this plugin).

Answer 2

Solution to this was. Load all the cordova files on your root. And reference them.
In that way the module.exports = CC; will be defined.