问题标签 [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.
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找不到角度?
angular - WebPack Angular 2 上的 PrimeNG 时间表
有没有人已经获得 PrimeNG 时间表来运行 webpack angular 2 应用程序?像这棵橡树一样,我不能让它工作,不像他,我仍然不能。
在我的 vendor.ts 中,我加载了所需的库:
在我的组件中,我从primeng导入时间表
并添加指令
在我看来
它让我觉得 this.schedule.fullCalendar 不是一个函数。在 schedule.js 中。
PS:在我尝试插入时间表之前,我插入了一个按钮只是为了检查我的 Prime 是否正确连接,它看起来 100%
如果有人可以帮助我,请在我的智慧尽头
谢谢
angular - Angular2 - 点击事件:获取点击元素的 ID
我对图表(primeng)有一个概述,现在我需要知道是否可以在单击图表时从图表中获取 ID。
仅供参考,我有一个包含“在新选项卡中打开”的上下文菜单,我需要打开上下文菜单的图表中的 ID。
右键单击 -> 从图表中获取 ID -> 使用 ID 打开新选项卡,仅显示该图表。
我见过一些像 event.target.attributes.id /event.currenttarget 这样的东西,但那是 js,对吧?我正在使用打字稿。
所以问题实际上就这么简单:我怎么能做到这一点?
我是与编程相关的一切的新手,我几周前就开始了,所以请耐心等待,因为我可能无法像其他人那样快速理解所有内容。
编辑:
上下文菜单的 MenuItems:
获取id的函数
一旦有了 ID,我就想将 ID 指定的项目推送到 TabMenu 中显示的项目数组中。但这就是未来。现在我只需要获取ID。
html:
angular - PrimeNg:显示对话框时如何在对话框中创建项目的新实例
我在 Angular2 应用程序中使用 primeNg 对话框,如下所示:
现在假设我执行以下操作:
- 启动对话框
Led Zeppelin
在对话框中输入- 关闭对话框
- 重新打开对话框
现在输入仍然填充有Led Zeppelin
.
我知道正在使用相同的输入实例,但这不是我想要的行为。我希望对话框每次启动时都使用新的输入。这样做的正确方法是什么?解决此问题的一种方法是使用onBeforeShow
重置输入。
charts - RC1 中的 PrimeNG 新图表发布
我已将我的 primeNG 更新为 RC.1 版本。在这样做的同时,我已经进行了运行应用程序所需的所有必要更改。它运行良好。问题是在这个更新的版本中,图表实现已经改变。而不是使用我们必须使用在进行此更改后,我没有在我的浏览器上呈现组件。它没有在控制台中给出任何错误。
以下是我的代码: app.component.ts 文件:
app.conponent.html:
请帮忙。提前致谢。
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 也包含在我的类构造函数中,以便我可以从组件的方法中引用它。
jquery - PrimeNG 为当前日期范围安排加载事件
在使用 onInit() 加载我的事件时,我已经设法让 PrimeNG Schedule 在 Angular2 项目中工作,但是我真的想根据 FullCalendar 的当前日期范围加载事件。我假设我应该使用 viewRender 加载我的事件,但是我似乎无法获得应该传递给我的函数的参数。
我的指令是使用以下方法设置的:
而 fetchEvents 函数目前只是试图输出参数:
}
但是,在查看控制台时,它只是说视图和元素都是未定义的。我确信这与视图和元素的传递方式有关,并且我使用了与 PrimeNG 站点上的 onEventClick 示例相同的语法,但这显然不起作用。关于如何通过它们的任何想法,或者我做错了什么?
angular - 如何从 p-dataTable 中获取查看的项目作为对象
我正在使用基于 Angular 2 (2.0.0-rc.2) 的 PrimeNG (1.0.0-beta.7)。
有谁知道我如何从 p-dataTable 中获取查看的项目作为我的组件中的对象?
我需要这个来触发对仅具有可见元素而不是所有元素的 Web 服务的 REST 调用。
谢谢,克里斯
angular - Angular2项目的全局布局
我得到了一个我必须与之一起开发的angular2
项目typescript
。我在 angular2 网站的帮助下实现了英雄示例。但现在我想为我的项目开发一个全局布局。这两天,我尝试实现了很多示例,但它们非常大。因此,我面临着将现有代码合并到这些项目中的挑战。
我试过两个例子:
- http://rawgit.com/start-angular/ani-angular-2/master/dist/prod/index.html#/dashboard
- http://akveo.com/ng2-admin/#/pages/dashboard
有人可以给我一个关于如何做到这一点的提示吗?