@311devs/primeng 中文文档教程
PrimeNG
Angular 的 UI 组件
请参阅 PrimeNG 主页 了解实时展示和文档。
PrimeNG 是丰富 UI 的集合Angular 的组件。 所有小部件都是开源的,可以在麻省理工学院许可下免费使用。 PrimeNG 由 PrimeTek Informatics 开发,这是一家在开发开源 UI 解决方案方面拥有多年专业知识的供应商。 有关项目新闻和更新,请在 twitter 上关注我们并访问我们的 博客。
80 多个组件:最完整的原生小部件集,包含 80 多个组件 易于使用的组件满足您的所有 UI 要求。
开源:托管在 GitHub 上,所有小部件都是开源的,可根据 MIT 许可免费使用。 感受开源的力量。
生产力:将宝贵的时间分配给业务逻辑,而不是处理复杂的用户界面要求。
主题:不要只局限于一种外观和感觉。 从多种选项中进行选择,包括材料和平面设计。
模板:专业设计的高度可定制的原生 Angular CLI 应用程序模板,可立即上手。
移动:通过触摸优化的响应式设计元素增强移动用户体验。
Download
PrimeNG 在 NPM 上可用,如果您有现有的应用程序,请运行以下命令将其下载到您的项目中。
npm install primeng --save
npm install primeicons --save
Angular CLI Integration
添加 PrimeNG 和 PrimeIcons 作为依赖项。
"dependencies": {
//...
"primeng": "^6.1.2",
"primeicons": "^1.0.0-beta.10"
},
在样式部分配置所需的样式,下面的示例使用 Nova Light 主题。
"styles": [
"node_modules/primeng/resources/themes/nova-light/theme.css",
"node_modules/primeng/resources/primeng.min.css",
"node_modules/primeicons/primeicons.css",
//...
],
就是这样,您现在可以导入 PrimeNG 组件,有关工作示例,请访问 GitHub 上的 PrimeNG CLI QuickStart 示例。
PrimeNG
UI Components for Angular
See PrimeNG homepage for live showcase and documentation.
PrimeNG is a collection of rich UI components for Angular. All widgets are open source and free to use under MIT License. PrimeNG is developed by PrimeTek Informatics, a vendor with years of expertise in developing open source UI solutions. For project news and updates, please follow us on twitter and visit our blog.
80+ Components: The most complete set of native widgets featuring 80+ easy to use components for all your UI requirements.
Open Source: Hosted at GitHub, all widgets are open source and free to use under MIT license. Feel the power of open source.
Productivity: Allocate your valuable time on business logic rather than dealing with the complex user interface requirements.
Themes: Don't get tied up in just one look&feel. Choose from a variety of options including material and flat design.
Templates: Professionally designed highly customizable native Angular CLI application templates to get started in no time.
Mobile: Enhanced mobile user experience with touch optimized responsive design elements.
Download
PrimeNG is available at NPM, if you have an existing application run the following command to download it to your project.
npm install primeng --save
npm install primeicons --save
Angular CLI Integration
Add PrimeNG and PrimeIcons as a dependencies.
"dependencies": {
//...
"primeng": "^6.1.2",
"primeicons": "^1.0.0-beta.10"
},
Configure required styles at the styles section, example below uses the Nova Light theme.
"styles": [
"node_modules/primeng/resources/themes/nova-light/theme.css",
"node_modules/primeng/resources/primeng.min.css",
"node_modules/primeicons/primeicons.css",
//...
],
That is all, you may now import PrimeNG components, for a working example visit the PrimeNG CLI QuickStart sample at GitHub.