在AngularJS应用程序中使用第三方模块

问题描述：

如何在我的应用程序中使用此AngularJS模块？ https://github.com/bendrucker/angular-credit-cards 在AngularJS应用程序中使用第三方模块

我将/src目录中的四个文件放到我的服务器上的一个目录中。所以，它的成立是这样的：

/src 
    cvc.js 
    expiration.js 
    module.js 
    number.js

然后，在我的HTML我有以下几点：

<script src="http://example.com/content/js/angular.min.js"></script> 
<script src="http://example.com/content/js/angular-credit-cards/module.js"></script>

我主要的JavaScript文件，我宣布我与credit-cards扶养模块：

var checkout = angular.module('checkout', ['credit-cards']);

现在，当我的页面加载时，我收到一个错误：

Uncaught ReferenceError: require is not defined

我相信这是有道理的，因为据我所知，require()不是在Javascript中的有效命令。这个模块是否打算被AngularJS应用程序使用？或者它是严格的NodeJS应用程序？它可以在浏览器中使用吗？我觉得我在这里错过了一些基本的东西。

答

看起来库需要RequireJS才能正常工作。

如果您不想在您的应用中使用RequireJS，则还可以使用Browserify作为构建步骤的一部分。

有没有简单的方法来查看库的源文件，而无需安装其他工具？ – flyingL123 2014-11-06 21:58:56

@ flyingL123当然你可以在[src目录]中看到它（https://github.com/bendrucker/angular-credit-cards/tree/master/src）。然而，它看起来像是使用'module.exports'导出它的模块，所以你需要修改src文件来使用标准的角度模块定义。 – 2014-11-06 22:07:22

答

每个标签包含一个UMD构建，您可以使用没有任何类型的构建工具，例如：

https://github.com/bendrucker/angular-credit-cards/blob/v2.2.1/release/angular-credit-cards.js

因为以前的答案提到的库不使用RequireJS。 Browserify和RequireJS都使用require函数，但完全不同。

在AngularJS应用程序中使用第三方模块

相关推荐