在 angular4 中使用 money.js(外部 js 库)

Posted

技术标签:

【中文标题】在 angular4 中使用 money.js(外部 js 库)【英文标题】:Using money.js (external js lib) in angular4 【发布时间】:2017-09-29 23:18:52 【问题描述】:

我正在尝试将 js 库 money.js (https://www.npmjs.com/package/money) 导入到 angular 4 组件中。

我已经通过npm install money 安装了它,并将以下代码添加到我的组件中:

declare var fx: any;

import '../../../node_modules/money/money.js';

在我尝试使用的组件中:

fx.convert(12.99, from: "GBP", to: "HKD");

很遗憾,我收到了一个错误,指出 fx 未定义。

值得一提的是,money.js 文件 DID 已加载(我在开发者工具中搜索源代码时找到它)。

有人可以帮忙吗?

【问题讨论】:

可能重复请看这个答案***.com/a/41121361/4712391 我也试过这种方式..不起作用。正如我提到的:js 文件 DID 被加载。出于某种原因,我无法在 money.js 中使用 fx 函数 【参考方案1】:

你可以像这样导入你的库:

import * as fx from  '../../../node_modules/money/money.js';

【讨论】:

【参考方案2】:

如果你想访问导入的变量,你应该给它一个名字。

import * as fx from 'money';

应该够了。我们像这样在我们的代码库中使用lodash

希望有帮助

【讨论】:

以上是关于在 angular4 中使用 money.js(外部 js 库)的主要内容,如果未能解决你的问题,请参考以下文章

angular4.0 路由守卫详解

禁用在角度材料对话框区域外单击以关闭对话框(使用 Angular 版本 4.0+)

vue中引入公用过滤器?

如何使用angular4在ngFor循环中显示嵌套的@component?

在 Angular4 中使用网络套接字?

在 angular4 的 app.component.ts 文件中使用外部库变量