问题标签 [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 回答
8914 浏览

angular - PrimeNG 数据表未以角度 2 显示

我正在尝试显示一个基本数据表,但即使我已经阅读了文档,它似乎也无法正常工作。我没有收到任何控制台错误,表格只是不显示。我能够让其他一些主要的 ng 组件工作,所以我认为我的设置没有问题。

我在组件中声明了一个数组,如下所示:

在我的模板中,我有这个:

也许我误解了文档,我的数组或模板有问题?谢谢

0 投票
5 回答
14151 浏览

angular - PrimeNG PanelMenu routerLink 问题

我正在使用带有 Angular RC 2.0.0-rc.1 版本的 PrimeNG (1.0.0-beta.5) PanelMenu

下面是 PrimeNG 面板菜单的示例代码。当我单击ProjectWelcome链接时,它会刷新我的整个页面,然后加载相应的组件。

每当我使用如下所示的导航元素时,它都会正确调用相应的组件而无需刷新页面。

知道我在 primeNG 面板菜单实现中缺少什么吗?

干杯 Sanket

0 投票
1 回答
2191 浏览

angular - primeNG 数据表 - 像过滤器一样的 excel

原件(5 月 20 日)

我正在使用 PrimeNG beta6 和 Angular2 RC。

我的 p-dataTable 示例,我使用 [filter]="true" 启用了列过滤器,但这只是提供了普通的文本过滤器选项。

我如何在此应用类似 excel 的过滤器?


编辑(7 月 10 日):

我已使用 Angular 2 RC4 版本将我的应用程序更新到 PrimeNG beta 9

p-dataTable 过滤器如下所示 - 在此处输入图像描述

但是,excel 过滤器如下所示- 在此处输入图像描述

任何人都有想法如何在primeNG数据表上应用类似过滤器的excel?

0 投票
1 回答
4273 浏览

angular - PrimeNG 仅加载所需的组件

我在我的网站上添加了两个 PrimeNg 组件。但是,我注意到(在 Chrome 开发工具 -> 网络中)打开第一页时正在加载许多其他组件。它使第一页的加载速度很慢。

有没有办法指示 Prime ng 只加载几个组件?

0 投票
2 回答
2739 浏览

angular - PrimeNG 数据表未显示在 Angular 2 应用程序中

我正在使用 Visual Studio 2015 解决方案中的打字稿开发 Angular 2 应用程序。我已经阅读了 PrimeNG 网站中数据表的文档,但不明白为什么我实现的数据表没有显示。有人可以帮忙吗?

风险列表.component.ts

风险列表.component.html

app.component.ts

索引.html

0 投票
3 回答
1541 浏览

angular - ngx-monaco-editor - 容器更改时无法设置布局大小(使用选项卡面板)

我正在努力处理ngx-monaco-editorprimeng选项卡面板内部的一个实例,当切换到另一个选项卡时,它似乎失去了它的大小计算,更改绑定到编辑器的模型值,然后再次切换回初始选项卡。

https://stackblitz.com/edit/primeng9-tabs-monaco-editor

使用上面的 URL 进行复制的步骤:

  • 最初将选择“编辑器”选项卡
  • 选择“标签 2”
  • 单击“更改代码”按钮
  • 切换回“编辑器”选项卡,现在看到编辑器的大小缩小了

前:

在此处输入图像描述

后:

在此处输入图像描述

在 Dom 中检查,最初分配的样式仍然存在。

从我的示例应用程序的源代码中可以看到,我还尝试layout在选项卡更改事件中使用编辑器的方法来尝试根据容器强制重新计算大小,但这没有任何区别

有趣的是,如果我调整窗口大小,这似乎会触发编辑器组件再次正确调整大小。

0 投票
1 回答
581 浏览

typescript - 系统js地图不起作用

也许我很笨,但系统 js 总是给我带来很多痛苦,虽然它很好,我不想使用其他任何东西。

我的系统 js 配置是这样的:

Primeng 是这样导入的:

这是一个 ts 文件,它由 gulp 在 js 中编译,然后由我的 index.html 使用。

但是在我的终端中我收到错误:

如果有人有任何想法,请解决这个问题

0 投票
1 回答
1062 浏览

typescript - 如何在 typings.json 文件中定义本地 .d.ts 文件定义

我正在开发一个 angular2 应用程序。我在哪里使用 systemjs 和 typescript。

我有一个名为primeng 的本地节点模块,我想在我的项目中使用它。我正在编写正确的 systemjs 配置,它映射到primeng 的位置。

我在我的一个组件中导入primeng。

但是当我用 gulp 编译我的应用程序时,我得到错误 TS2307:找不到模块'primeng'。

我知道我们必须在typings.json中提到任何包的定义文件。所以我试着像这样搜索primeng-typings search primeng。但我找不到那个。所以我查看了primeng模块并且有primeng.d.ts文件。

所以我不知道如何在typings.json 中包含这个定义。我希望写完之后,我的问题会得到解决。

有什么帮助吗?

0 投票
1 回答
1348 浏览

angular - 错误:错误:XHR 错误(404 未找到)正在加载 localhost:3622/node_modules/primeng/primeng(...) angular 2

我正在尝试在 Visual Studio 2015 应用程序中使用打字稿构建一个 Angular 2 应用程序。我正在使用角度候选版本 1。

运行应用程序时,我在浏览器的控制台中收到以下错误消息。

错误:错误:XHR 错误(404 未找到)正在加载 localhost:3622/node_modules/primeng/primeng(...)

我不明白为什么会收到此错误,因为我在 node_modules 下的应用程序文件夹中安装了primeng

请看下面文件夹结构的截图

在此处输入图像描述

索引.html

Systemjs.config.js

main.ts

app.component.ts

风险列表.component.ts

风险列表.component.html

tsconfig.js

0 投票
2 回答
38651 浏览

angular - 如何在primeng数据表上设置默认排序顺序?

我正在使用 prime-ng dataTable 组件来显示用户列表。我希望此列表默认按第一列降序排序,并让 dataTable 将第一列显示为已排序。

编辑:我想出了一种设置默认排序列的方法是使用 sortField="userName"。但是,我仍然无法让该列默认为降序。