在 PrimeFaces 中添加 Angular Js - JSF

关键词：

【中文标题】在 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 你读过我在回答中写的单个单词吗？你点击我添加的链接了吗？如果不是没有人可以帮助你。亲爱的，没有人会为你创建项目。我添加了设置链接，请查看它的所有详细信息。

如何在 Angular 2+ 中添加自定义验证

】如何在Angular2+中添加自定义验证【英文标题】：Howtoaddcustomvalidationsforhandsontableinangular2+【发布时间】：2019-07-1112:55:25【问题描述】：我在Angular6中使用handsontable。我尝试了添加自定义验证的代码，该验证显示在我的Angular6组件... 查看详情

如何在angular2中使用添加类属性

】如何在angular2中使用添加类属性【英文标题】：Howtouseaddclasspropertyinangular2【发布时间】：2017-10-1116:20:29【问题描述】：我的angularjs2代码有问题。我想通过angular2应用这个css。这里是我的jquery代码：显示如何在Angular2中使用此代... 查看详情

在 Angular 中删除或添加类

】在Angular中删除或添加类【英文标题】：RemoveoraddclassinAngular【发布时间】：2018-08-0204:21:48【问题描述】：我有一个列表和我使用的插件(dragula)，它在某些动作上添加了某些CSS类。我正在使用Angular5。我想找出某个类(myClass)的存... 查看详情

在 Angular 中添加 @uirouter/angular-hybrid 时出错

】在Angular中添加@uirouter/angular-hybrid时出错【英文标题】：Gettingerrorwhenadding@uirouter/angular-hybridinangular【发布时间】：2021-01-2800:42:42【问题描述】：在执行我的Angular项目时，我遇到了以下问题。我也安装了@uirouter/angular-hybrid。但是... 查看详情

如何在 Angular 5 的 Angular 材质 Snackbar 中添加图标

】如何在Angular5的Angular材质Snackbar中添加图标【英文标题】：HowtoaddIconinsidetheAngularmaterialSnackbarinAngular5【发布时间】：2019-02-0513:22:14【问题描述】：我是Angular新手，我正在为UI使用AngularMaterialDesign。在我的应用程序中，我有一个... 查看详情

在Angular 11中添加多个同名参数

】在Angular11中添加多个同名参数【英文标题】：AddmultipleparameterswithsamenameinAngular11【发布时间】：2022-01-1722:04:54【问题描述】：我想要做的是添加多个具有相同名称的参数以使用Angular11请求URL：http://example.com/somepath?data=1&data=2&... 查看详情

如何在 Angular CLI 6: angular.json 中添加 Sass 编译？

】如何在AngularCLI6:angular.json中添加Sass编译？【英文标题】：HowdoIaddSasscompilationinAngularCLI6:angular.json?【发布时间】：2018-10-1408:32:39【问题描述】：我刚刚使用新的AngularCLI6.0创建了一个新的Angular项目，但我需要将Sass编译添加到我... 查看详情

在 Angular 中动态添加和删除组件

】在Angular中动态添加和删除组件【英文标题】：DynamicallyADDINGandREMOVINGComponentsinAngular【发布时间】：2017-12-0922:16:26【问题描述】：目前的官方文档只展示了如何在<ng-template>标签中动态更改组件within。https://angular.io/guide... 查看详情

如何在 Angular 2 中添加表单验证模式？

】如何在Angular2中添加表单验证模式？【英文标题】：HowtoaddformvalidationpatterninAngular2?【发布时间】：2016-04-0604:19:49【问题描述】：我有一个简单的表单，需要验证输入的开头和结尾是否不是空格。在HTML5中，我会这样做：<inputt... 查看详情

在 Angular 6 中添加 http 标头

】在Angular6中添加http标头【英文标题】：AddinghttpheadersinAngular6【发布时间】：2019-01-3001:12:46【问题描述】：谁能告诉我这是否是在Angular6中向http请求添加标头的正确方法？当我通过SwaggerUI拨打电话时，我可以看到标题应该是：url... 查看详情

在Angular中动态地将控件添加到FormGroup

】在Angular中动态地将控件添加到FormGroup【英文标题】：addControltoFormGroupdynamicallyinAngular【发布时间】：2018-05-1409:39:33【问题描述】：如何在Angular中动态地将FormControl添加到FormGroup？例如，我想添加一个强制控件，名称为“new”，... 查看详情

如何在 Angular 中添加动态正则表达式模式

】如何在Angular中添加动态正则表达式模式【英文标题】：HowtoaddDynamicregexpatterninAngular【发布时间】：2021-04-1322:28:17【问题描述】：如何在角度中添加动态变量正则表达式模式预期输出123456.1点前最多6位，点后最多一位importDirectiv... 查看详情

在 Angular 2 中添加表单字段响应

】在Angular2中添加表单字段响应【英文标题】：PrependaformfieldresponseinAngular2【发布时间】：2017-07-1310:42:17【问题描述】：我正在Angular2中构建一个注册表单，要求用户在提交之前提供其网站的URL。提交表单时，我需要提供的URL的样... 查看详情

如何在 Angular 5 的标头中添加 CORS 请求

】如何在Angular5的标头中添加CORS请求【英文标题】：HowtoaddCORSrequestinheaderinAngular5【发布时间】：2018-04-3021:55:46【问题描述】：我已在标头中添加了CORS，但我的请求中仍然存在CORS问题。在标头中添加和处理CORS和其他请求的正确... 查看详情

在 Angular 中添加 PWA 时超出最大调用堆栈大小

】在Angular中添加PWA时超出最大调用堆栈大小【英文标题】：MaximumcallstacksizeexceededwhenaddingPWAinAngular【发布时间】：2019-05-1408:12:18【问题描述】：我正在尝试在我的应用程序中安装服务工作者，但它显示执行以下命令后出现以下错... 查看详情

在Angular 6中单击添加css类

】在Angular6中单击添加css类【英文标题】：AddcssclassonclickinAngular6【发布时间】：2019-01-2911:29:43【问题描述】：我想在点击下面的代码时连续添加动画类MyCode我的问题是，当我第一次点击时，只有第一次动画有效，第二次点击动画... 查看详情

在 JSF 中使用 Primefaces 和 Bootstrap

】在JSF中使用Primefaces和Bootstrap【英文标题】：UsingPrimefacesandBootstrapinJSF【发布时间】：2015-02-1111:40:54【问题描述】：即使现在我在我的项目中使用了JSF+Primefaces，这给了我很多新的组件（来自primefaces）来工作。但是我的新客户需... 查看详情

如何在 Angular 5 HttpInterceptor 中添加多个标头

】如何在Angular5HttpInterceptor中添加多个标头【英文标题】：HowtoaddmultipleheadersinAngular5HttpInterceptor【发布时间】：2018-07-1821:42:15【问题描述】：我正在尝试学习如何使用HttpInterceptor为应用程序对API执行的每个HTTP请求添加几个标头。... 查看详情