【问题标题】:How to inject mathjs into Angular.js?如何将 mathjs 注入 Angular.js?
【发布时间】:2015-03-16 10:01:25
【问题描述】:

如何将 mathjs 注入 Angular.js?

我无法让它工作 - 我使用 bower install mathjs --save 安装它。

更新:JS min 文件正确注入 index.html

我需要将其注入主模块还是控制器?我尝试了这两种方法并在页面加载时出现白屏,并显示有关模块不可用的错误消息。

【问题讨论】:

  • 您不需要注入任何模块,因为 Angular 不会将其视为依赖项。检查 mathjs.org 你能告诉我你是如何加载 math.js 的吗?

标签: angularjs mathjs


【解决方案1】:

步骤 1

bower install mathjs --save

第二步

在您的主 html 页面中引用 mathjs

<script src="path/to/bower_components/mathjs/dist/math.min.js" type="text/javascript"></script>

第三步

这个依赖不是angular-aware,没有模块可以作为你的 Angular 应用程序的依赖注入。由于 mathjs 公开了一个全局 math 对象,您可以在 Angular 组件中使用它,如下所示:

math.round(0.123, 2) // gives back 0.12

【讨论】:

  • 不,我的 GruntFile 已经负责注入 index.html。我现在如何在控制器中访问它?
  • mathjs 公开了一个全局 math 对象,因此您应该可以在组件中使用它。
【解决方案2】:

随着时间的推移,我正在添加这个更新的响应。

如果您使用的是 Angular,那么您很可能也在使用 npm。添加mathjs,可以关注official procedure

npm install mathjs
npm install @types/mathjs

以上两个命令将根据需要更新package.jsonpackage-lock.json

然后,如Getting Started 中所述,您需要分别导入您要使用的每个 mathjs 命令。因此,例如,在 typescript 类中执行平方根:

import { sqrt } from 'mathjs';


export class MyClass {
    function calculate(n: number): number {
        return sqrt(n);
    }
}

【讨论】:

  • 谢谢!真的很管用!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-10-23
  • 1970-01-01
  • 2013-05-25
  • 1970-01-01
相关资源
最近更新 更多