angular - 是否可以在没有 npm 的情况下使用嵌入在 JSF 中的 Primeng、Angular2？

Question

我想在前端使用 angular2 框架，所以对于 UI 部分我想使用 primeng，但我不知道 npm 是如何工作的。

技术信息:

1. 我的 IDE 是 eclipse/netbeans
2. 项目将部署在Wildfly8.0上

我可以将 JSF 组件与 primeng 混合使用吗？

Answer 1

TL;DR:是的，这是可能的，但还有更好的选择

重要概念:

• AngularJS是 Angular 版本 1 的同义词
• Angular2是 Angular 版本 2 的同义词(不向后兼容 v1)
• primeng是一个依赖于 angular2 的组件库
• primefaces是一个依赖于 JSF 的组件库
• JSF和angular2是 MVC 框架，其中每个框架都有基于注释(@annotation)的注入(inject)机制，尽管术语相似，但两种机制的底层非常不同
• angular2 + primeng与 typescript 一起使用(推荐)或javascript ，另一方面，JSF + primefaces与 java 一起使用
• primeng是客户端，primefaces是服务器端
• 公司正在开发primeng是同一家公司开发 primefaces ，最近我们作为用户看到了非常好的协同作用，如果一个组件有改进，就会移植到另一个库。
• 现在(2016)primefaces具有比 primeng 更多的组件感觉更加精致

使用primeng的含义+ JSF (primefaces):

• 每个框架都有不同的生命周期，具有不同的概念和含义(假设一个是客户端，另一个是服务器端)，如果您开始使用这两个框架，您必须了解它们非常详细。
• 如果您开始混合两个框架的组件，这将很难维护

其他方法:

• primeng + JAX-RS :鉴于您正在使用 wildfly这很容易实现，所有服务都向客户端组件提供信息。它往往是“现代”方法。
• JSF + primefaces :这是最简单的解决方案，只有服务器端，只需学习一个框架。
• 使用JSF仅作为模板引擎(facelets)，并在其之上使用 angular2 + primeng :是的，这可行，但需要更多调查才能正确实现，您需要真正理解 JSF和angular2生命周期，并非不可能，但需要时间。

至于你关于npm的其他问题:是的，您可以使用angular2没有npm ，但是您需要编写比必要的更多的样板代码，您可以使用此插件作为起点(您需要添加 primeng 的 js 文件): http://plnkr.co/edit/bApfY9?p=info .

<小时/>

更新1:我曾经读过JSF计划实现生命周期阶段来执行 JavaScript 代码。目前还没有官方声明。