在 PrimeFaces 中添加 Angular Js - JSF

Posted 2023-02-22

【中文标题】在 PrimeFaces 中添加 Angular Js - JSF

【英文标题】：Add Angular Js in PrimeFaces - JSF

【发布时间】：2016-07-27 19:11:45

【问题描述】：

我已经有一个带有 PrimeFaces 的 JSF 项目，但现在我需要在我的项目中添加 Angular js。 有primefaces的标签所以我不知道如何使用带角度的primefaces。

因此，请提供任何演示或文档以使用 primefaces 实现 Angular。

【问题讨论】：

angularprime.appspot.com

Primefaces 已经开发 PrimeNG primefaces.org/primeng

谢谢@SubodhJoshi，你能给我一个安装这个 PrimeNG 的步骤吗？因为我无法理解 NPM 之类的步骤。那你能不能给我一个简单的步骤。

@yogeshjalodara 我在回答部分添加了详细信息

我在这里回答了一个关于angular2的非常相似的问题：***.com/questions/37984827/…

【参考方案1】：

在 angular-cli.json 中添加以下行。

"styles": [
        "node_modules/primeng/resources/primeng.min.css",
        "node_modules/primeng/resources/themes/lightness/theme.css",
        "node_modules/font-awesome/css/font-awesome.min.css",
        "styles.css"
      ]

或 将 css 从主题文件复制并粘贴到 style.css

【参考方案2】：

Primefaces 已经开发了PrimeNG 但是不要混淆 PrimeNG 不是 JSF 组件的扩展。 PrimeNG 使用 AngularFaces 创建 PrimeNG 组件？

什么是 PrimeNG？

PrimeNG 是 AngularJS2 丰富的 UI 组件的集合。 PrimeNG 是流行的 PrimeFaces 的兄弟姐妹，它可以在 Apache 许可证 2.0（商业友好许可证）下免费使用。它与 PrimeFaces 组件具有相同的外观和感觉，因此该部分的集成应该（几乎？）无缝。

用于设置

您必须点击以下链接PrimeNG Setup

快速入门

GitHub 提供了一个基于 angular2-quickstart 的示例启动器应用程序。

PrimeNG PRO 支持

PrimeNG 的高级布局和主题 PrimeNG PRO 是一项基于期限的商业支持服务

目前 PrimeNG 0.9 于 2016 年 3 月 28 日发布

路线图

下一个版本是 1.0.0-beta1，我们将发布几个 beta 版本来带来即将推出的功能，包括拖放实用程序、谷歌地图组件、数据表增强功能、PrimeNG 用户的请求等等。我们的目标是将 1.0 版本与 Angular2 的 1.0 最终版本同步。

【讨论】：

很好的解释

或者甚至去 AngularFaces

@Kukeltje 我认为 PFNG 比直接使用 AngularFaces 更好

PrimeNG 用于普通 AngularJS，与 JSF 没有任何集成/关系（例如重用 bean/控制器等。它不是 JavaServerFaces 的兄弟姐妹，而是 PrimeFaces 的兄弟姐妹，但再次......不集成，除了外观和感觉

@yogeshjalodara 你读过我在回答中写的单个单词吗？你点击我添加的链接了吗？如果不是没有人可以帮助你。亲爱的，没有人会为你创建项目。我添加了设置链接，请查看它的所有详细信息。