如何在angularjs项目中添加插件

时间:2015-02-24 08:20:40

标签: angularjs facebook cordova plugins visual-studio-2013

我想在我的项目中使用Cordova facebook插件。由于指令是针对phonegap完成的,所以当我只能在角度上使用它时会感到困惑。

所以这就是我到目前为止所做的。

1.我在我的脚本中添加CordovaFacebook.js并在bundleConfig中引用它。 2.我创建一个新的service.js文件,如下所示:

'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);

}]);
  1. 我在App.js文件中添加了这个app.service
  2. 此时我陷入困境,当我运行我的应用程序时,CC CC.CordovaFacebook()未定义。
  3. 请您告诉我这是如何一步一步完成的。我错过了什么?

2 个答案:

答案 0 :(得分:1)

您对bundleConfig的引用看起来不包含CordovaFacebook.js,因此您的代码抱怨CordovaFacebook.js中定义的CC命名空间。

如果您使用Cordova,为什么不从命令行尝试使用cordova plugin add ...来使用该插件?我很确定它是一个cordova插件(提示:我写了这个插件)。

答案 1 :(得分:0)

解决这个问题的方法是。在根上加载所有cordova文件。并引用它们。 以这种方式,module.exports = CC;将被定义。