Question

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

我将/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应用程序？可以在浏览器中使用吗？我觉得我在这里缺少一些基本的东西。

Answer 1

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

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

Answer 2

每个标记都包含一个UMD版本，您可以在不使用任何类型的构建工具的情况下使用它，例如：

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

该库不使用RequireJS作为上一个答案提及。 Browserify和RequireJS都使用require函数，但完全不同。

在AngularJS app中使用第三方模块

2 个答案: