如何在 angularjs 项目中添加插件

Question

我想为我的项目使用 Cordova facebook 插件。由于说明是针对 phonegap 完成的，因此当我必须仅在 angular.

上使用它时，我感到很困惑

这就是我目前的情况。

1.I 在我的脚本中添加 CordovaFacebook.js 并在 bundleConfig 中引用它。 2.I 创建一个新的 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);

}]);

我在 App.js 文件中添加 app.service
此时我卡住了，当我运行我的应用程序时它说 CC from CC.CordovaFacebook() is not defined.

你能告诉我这是如何一步一步完成的吗？我错过了什么？

Answer 1

您对 bundleConfig 的引用似乎不包含 CordovaFacebook.js，因此您的代码抱怨 CordovaFacebook.js 中定义的 CC 名称空间。

如果您使用的是 Cordova，为什么不直接从命令行尝试 cordova plugin add ... 来使用该插件？我很确定这是一个 cordova 插件（提示：我写了这个插件）。

Answer 2

这个问题的解决方案是。将所有 cordova 文件加载到您的根目录中。并参考它们。这样 module.exports = CC;将被定义。

如何在 angularjs 项目中添加插件

How to add a plugin in angularjs project

plugins

facebook

angularjs

cordova

visual-studio-2013