问题标签 [primeng]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
6585 浏览

angular - 使用 Webpack 将 PrimeNG 添加到 Angular2 应用程序中

我正在尝试将 PrimeNG 加载到我的 Webpack 捆绑的 Angular2 应用程序中。

首先我做了一个 npm 安装:

这在我的 package.json 中添加了以下两行:

接下来,如来自 angular2-webpack-starter 的这个github 提交所示,我添加了一个导入venders.ts

这似乎script!是我的 webpack 不知道该怎么做的某种特殊事情。我得到这个:

我不确定这是否是问题。我的应用程序仍在加载...

继续,我将以下两个导入添加到我的 AppComponent:

这会生成以下附加警告:

问题:

  • 如何使用 Webpack 将 PrimeNg 添加到 Angular2 项目中?
  • 为什么我的不import 'script!'...工作?
  • 为什么primeng找不到角度?
0 投票
2 回答
2135 浏览

angular - WebPack Angular 2 上的 PrimeNG 时间表

有没有人已经获得 PrimeNG 时间表来运行 webpack angular 2 应用程序?像这棵橡树一样,我不能让它工作,不像他,我仍然不能。

在我的 vendor.ts 中,我加载了所需的库:

在我的组件中,我从primeng导入时间表

并添加指令

在我看来

它让我觉得 this.schedule.fullCalendar 不是一个函数。在 schedule.js 中。

PS:在我尝试插入时间表之前,我插入了一个按钮只是为了检查我的 Prime 是否正确连接,它看起来 100%

如果有人可以帮助我,请在我的智慧尽头

谢谢

0 投票
1 回答
13765 浏览

angular - Angular2 - 点击事件:获取点击元素的 ID

我对图表(primeng)有一个概述,现在我需要知道是否可以在单击图表时从图表中获取 ID。

仅供参考,我有一个包含“在新选项卡中打开”的上下文菜单,我需要打开上下文菜单的图表中的 ID。

右键单击 -> 从图表中获取 ID -> 使用 ID 打开新选项卡,仅显示该图表。

我见过一些像 event.target.attributes.id /event.currenttarget 这样的东西,但那是 js,对吧?我正在使用打字稿。

所以问题实际上就这么简单:我怎么能做到这一点?

我是与编程相关的一切的新手,我几周前就开始了,所以请耐心等待,因为我可能无法像其他人那样快速理解所有内容。

编辑:

上下文菜单的 MenuItems:

获取id的函数

一旦有了 ID,我就想将 ID 指定的项目推送到 TabMenu 中显示的项目数组中。但这就是未来。现在我只需要获取ID。

html:

0 投票
1 回答
2729 浏览

angular - PrimeNg:显示对话框时如何在对话框中创建项目的新实例

我在 Angular2 应用程序中使用 primeNg 对话框,如下所示:

现在假设我执行以下操作:

  • 启动对话框
  • Led Zeppelin在对话框中输入
  • 关闭对话框
  • 重新打开对话框

现在输入仍然填充有Led Zeppelin.

我知道正在使用相同的输入实例,但这不是我想要的行为。我希望对话框每次启动时都使用新的输入。这样做的正确方法是什么?解决此问题的一种方法是使用onBeforeShow重置输入。

0 投票
1 回答
4930 浏览

datatable - 在 PrimeNG 数据表中显示图像

我正在使用 Angular2 开发一个网站,并希望在表格中显示信息。我正在使用 PrimeNG 的DataTable。问题是我需要在表格中显示图像。这可以使用 PrimeNG 的DataList来完成,但是 DataList 的外观和无法对列进行排序使我无法使用它。想法?

0 投票
0 回答
125 浏览

charts - RC1 中的 PrimeNG 新图表发布

我已将我的 primeNG 更新为 RC.1 版本。在这样做的同时,我已经进行了运行应用程序所需的所有必要更改。它运行良好。问题是在这个更新的版本中,图表实现已经改变。而不是使用我们必须使用在进行此更改后,我没有在我的浏览器上呈现组件。它没有在控制台中给出任何错误。

以下是我的代码: app.component.ts 文件:

app.conponent.html:

请帮忙。提前致谢。

0 投票
2 回答
982 浏览

angular - PrimeNG Schedule 未显示的事件无法读取 null 的属性 scrollTop

我正在尝试使用 PrimeNG 的 Schedule 组件为用户显示日历事件。日历显示,但是当 Fullcalendar 尝试呈现事件时,它返回错误:
"ORIGINAL EXCEPTION: TypeError: Cannot read property 'scrollTop' of null"
事件应该是正确的格式,因为这个项目只是从已经使用 Fullcalendar 的 angular1 版本重构。下面我包含了 html、配置选项和试图显示的事件的模拟。



事实证明,无论我包含什么选项,fullcalendar 总是给出相同的错误。我什至尝试加载没有选项的计划模板,但仍然有同样的错误。这似乎表明我包含 Schedule 和 fullcalendar 的方式不正确。我通过 npm install --save 包含了primeng 和 moment,然后通过 html cdns 包含了 fullcalendar。我按照此处显示的实施更改 来启动并运行计划。然后,我将 Schedule 添加为我当前组件的提供者和指令。Schedule 也包含在我的类构造函数中,以便我可以从组件的方法中引用它。

0 投票
1 回答
1778 浏览

jquery - PrimeNG 为当前日期范围安排加载事件

在使用 onInit() 加载我的事件时,我已经设法让 PrimeNG Schedule 在 Angular2 项目中工作,但是我真的想根据 FullCalendar 的当前日期范围加载事件。我假设我应该使用 viewRender 加载我的事件,但是我似乎无法获得应该传递给我的函数的参数。

我的指令是使用以下方法设置的:

而 fetchEvents 函数目前只是试图输出参数:

}

但是,在查看控制台时,它只是说视图和元素都是未定义的。我确信这与视图和元素的传递方式有关,并且我使用了与 PrimeNG 站点上的 onEventClick 示例相同的语法,但这显然不起作用。关于如何通过它们的任何想法,或者我做错了什么?

0 投票
1 回答
158 浏览

angular - 如何从 p-dataTable 中获取查看的项目作为对象

我正在使用基于 Angular 2 (2.0.0-rc.2) 的 PrimeNG (1.0.0-beta.7)。

有谁知道我如何从 p-dataTable 中获取查看的项目作为我的组件中的对象?

我需要这个来触发对仅具有可见元素而不是所有元素的 Web 服务的 REST 调用。

谢谢,克里斯

0 投票
1 回答
746 浏览

angular - Angular2项目的全局布局

我得到了一个我必须与之一起开发的angular2项目typescript。我在 angular2 网站的帮助下实现了英雄示例。但现在我想为我的项目开发一个全局布局。这两天,我尝试实现了很多示例,但它们非常大。因此,我面临着将现有代码合并到这些项目中的挑战。

我试过两个例子:

  1. http://rawgit.com/start-angular/ani-angular-2/master/dist/prod/index.html#/dashboard
  2. http://akveo.com/ng2-admin/#/pages/dashboard

有人可以给我一个关于如何做到这一点的提示吗?