在 MVC 项目中实现 autoNumeric v4

Question

当我尝试通过 nuget manager 安装时遇到问题，当我搜索“autonumeric”时，我可以清楚地看到最新版本是 1.9.45

当我转到project site 时，我可以看到版本 1.9.45 已过时。 所以，我想获得版本 4.*，但我不知道如何。我也试过 vie npm install 命令，什么也没有。

我的问题是：如何下载新版本的 autoNumeric 并将其合并到我的 MVC Web 项目中？

步骤：

1. 从 GitHub link 下载 zip

2. 解压文件夹并导航到 src 文件夹

3. 将所有文件复制到您的解决方案，例如：Scripts/autoNumeric 文件夹

4. 将其添加到您的捆绑包中，例如：

   bundles.Add(new ScriptBundle("~/bundles/autoumeric").Include( "~/Scripts/autoNumeric/AutoNumeric.js", "~/Scripts/autoNumeric/AutoNumericDefaultSettings.js", "~/Scripts/autoNumeric/AutoNumericEnum.js", "~/Scripts/autoNumeric/AutoNumericEvents.js", "~/Scripts/autoNumeric/AutoNumericHelper.js", "~/Scripts/autoNumeric/AutoNumericOptions.js", "~/Scripts/autoNumeric/AutoNumericOptions.js", "~/Scripts/autoNumeric/main.js"));

5. 出于测试目的，添加您的 HTML 输入字段：

   <input type="text" id="test" value="" placeholder="something">
   

6. 初始化文件中的输入字段。例如，您的主要 javascript 文件是 main.js（注意：此 main.js 与自动数字文件夹中的 main.js 不同！）：

   $(document).ready(function () {
     // Initialization
      new AutoNumeric('#test', { currencySymbol : '$' });
   })
   

这不起作用。 问题：我应该从文件夹中导入 ES 模块还是我的 main.js “看到” autoNumeric/main.js 及其所有模块？

Answer 1

如果您可以依赖互联网连接，您可能应该只使用 CDN

这是链接：https://cdnjs.com/libraries/autonumeric

只需将它导入你的身体：

<script src="https://cdnjs.cloudflare.com/ajax/libs/autonumeric/4.1.0/autoNumeric.min.js"></script>

而且你应该很好地使用它（不要忘记删除无用的文件）。