@311devs/primeng 中文文档教程

Question

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 示例。