如何在我的Ember应用程序中访问jsPDF?

海象先生

我想在Ember应用程序中使用jsPDF导出PDF文档,但是我不知道如何在该应用程序中使用该库。

到目前为止,我已经使用bower安装了该库:

bower.json

{
  "name": "myApp",
  "dependencies": {
    ...
    "jspdf": "~1.2.61"
  }
}

...并将其导入ember-cli-build.js文件中:

ember-cli-build.js

...
app.import(app.bowerDirectory + '/jspdf/dist/jspdf.min.js');
...

但是,当我尝试使用它时(通过调用var doc = new jsPDF()Ember操作),我得到了以下信息:

ReferenceError: jsPDF is not defined

我想念什么?

马吉德

在此处添加凉亭组件:

module.exports = function(defaults) {
....
  app.import(app.bowerDirectory + '/jspdf/dist/jspdf.min.js'); // Your file
....
};

尝试将您的代码更改为:

  actions:{
      createPDF: function() {

       var doc = new jsPDF(); // This part is your mistake 
       doc.text(20, 20, 'Hello world.');
       doc.save('Test.pdf');

     }
}

为您的按钮调用操作,例如

<button type="button" {{action "createPDF"}}>Create PDF</button>

然后停止您的Ember服务,然后再次启动它

Ember serve

那可行。当您向ember-cli-build.js添加内容时,您必须停止并重新开始投放。

另外,有关更多信息,请阅读此文档:https : //guides.emberjs.com/v2.7.0/addons-and-dependencies/managing-dependencies/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何从Ember应用程序模板中的路由访问数据?

如何在Ember中构建时区检查应用程序

如何在我的应用程序中访问字典中的数组对象属性?

如何在我的 Flutter 应用程序中访问特定目录中的文件

我应该如何在react-redux应用程序中访问服务

如何在我的Spring Boot应用程序中从AWS访问环境变量

如何在我的Android应用程序中撤消Google帐户访问权限?

如何在我的Android应用程序中访问raspberry.local?

如何在src中布局我的Rust模块以在整个应用程序中进行访问

我们如何在C#Windows应用程序中访问动态创建的控件?

如何在C ++应用程序中访问Java方法

如何在整个应用程序中访问配置对象?

如何在 UMI 应用程序中访问 DVA Store?

如何在NextJS应用程序中访问URL?

如何在另一个 ember 应用程序中嵌入一个 ember 应用程序?

如何在Ember CLI应用程序中升级Ember版本?

如何在我的应用程序中设置twilio

如何在我的Clojure应用程序中嵌入REPL?

如何在我的应用程序中散列密码

如何在应用程序jar中包含我的测试

如何在我的应用程序中打开网页?

如何在我的应用程序中嵌入NetLimiter

如何在我的应用程序中配置地图?

如何在我的应用程序中运行弹出?

fb访问令牌在ember应用程序中始终过期

在ember-cli应用程序中设置集成测试-如何访问module()和visit()?

如何在我的应用程序ios 10中打开默认音乐应用程序

如何在Android的我的应用程序中打开其他应用程序的链接

如何在ios应用程序中宣传我的其他iphone应用程序?