Angular JS 生成PDF文件

Angular JS 生成PDF文件,第1张

AngularJS 是浏览器端运行的,无法完成创建pdf功能。

AngularJS通过以下技术来解决静态网页技术在构建动态应用上的不足:

类库 - 类库是一些函数的集合,它能帮助你写WEB应用。起主导作用的是你的代码,由你来决定何时使用类库。类库有:jQuery等

框架 - 框架是一种特殊的、已经实现了的WEB应喊羡顷用,你只需要对它填充具体的业务逻辑。这里框架是起主导作用的,由它来根据具体的应用逻辑来调用你的代码。框架有:knockout、sproutcore等。

AngularJS使用了不同的方法,郑陆它尝试去补足HTML本身在构建应用方面的缺陷。AngularJS通过使用我们称为标识符(directives)的结构,让浏览器能够识别新的语法。例如:

使用双大括号{{}}语法进行数派答据绑定;

使用DOM控制结构来实现迭代或者隐藏DOM片段;

支持表单和表单的验证;

能将逻辑代码关联到相关的DOM元素上;

能将HTML分组成可重用的组件。

angular的版本可以通过查看angular.js的文档来具体查看,可以在angular的网站上下载到各个版本的angular文件。

angularjs的基本用法:

如图所示,第一步就是建好一个关于angularJS的相关项目结构。

然后引入angularJS对应的插件,这样我们使用angularJS语法才不会报错哦。

ng-app放置在body里面,这样body就是整个应用程序的根目录咐哪枝了缓陪。

然后我们用model绑定input,并且把input的值绑定到变量“jingyan”里面。

使用花括号可以解析变衡敏量,如图,我还给变量添加了样式。

最后,测试一下,我们输入什么就会显示什么,这是因为它已经双向绑定了。

如何安装和配置 AngularJS Eclipse。AngularJS Eclipse 插件是基于强大的 JavaScript 推断引擎(javascript inference engine)Tern.js, 它由 JavaScript 编写。若在 java 环境下使用该引擎,需要使用 tern.java。它用 node.js 执行 tern.js。这就是为什么你在下面将看到的必须安装 node.js 或是 Eclipse 内置的 node.js。

如果不单独安装 node.js 或使用 Eclipse 内置的 node.js,那么在 HTML 编辑器里只有语法颜色(syntax coloring)和自动兄型亩完成指令(completions directives)可用。

安装

AngularJS Eclipse 推荐使用 Eclipse JEE 4.5 (Mars)版本,及以上。

当你使用 AngularJS Eclipse 更新站点安装时,你会看见如下图所示,当然,你租蚂也可以直接在 Eclipse的“market place”里输入“angularjs”:

你必须选择:

AngularJS Eclipse Tooling,AngularJS Eclipse 插件。 AngularJS support for JSP,如果你想使用带 AngularJS 的 JSP,需要安装这个。 Tern - 内置的 Node.js。如果你没有单独安装 node.js 在你的机器上,那么执行 tern.js 必需一个 Node.js。 Tern IDE。用于 Eclipse IDE 使用 tern。 Tern - Tooling。生成 tern 插件、JSON Type 定义或 Web Browser editor(CodeMirror, Ace, Orion)的工具。更多信息,参见 Tern Toolings

AngularJS 配置

使用 AngularJS Eclipse 功能(HTML features 和 JavaScript features)前,你必须把你的项目转换成 AngularJS 项目:

偏好设置(Preferences Settings)

下面说明如何配置 tern 和 angular。

全局偏好(Global Preferences)

在 Eclipse 的 Window/Preferences 对话框中设置。

Node.js

AngularJS Eclipse 基于 javascript 推断引擎——tern.js。若想使用它,需要用 node.js(Rhino 有点慢)。配置 node.js 如下所示:

若你已经单独安装的 node.js,需要选择 Native node 安装类型,以及 nodejs 在你机器上的安装路径:

当选择 native node 时,它羡森会在默认文件夹搜索 node 可执行文件(例如:,对于 Widnows *** 作系统,C:\Program Files\nodejs\node.exe),如果没有找到,会尝试在 PATH 环境变量中搜索。

注意:单独安装 node 后,使用 Angular JS Eclipse 前,最好重启电脑,这是为了让 *** 作系统正确更新你的 PATH 环境变量。

若使用内置的 node,你必须根据你的 *** 作系统正确选择内置的 node:


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/8215076.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-14
下一篇 2023-04-14

发表评论

登录后才能评论

评论列表(0条)

保存