什么是 patternfly-next-ng?
patternfly-next-ng 是一个基于 Angular 的 UI 组件库，它提供了一系列的组件和指令，可以快速地构建具有良好用户体验的 Web 应用程序。patternfly-next-ng 基于 patternfly-next 和 Angular 框架，所以它有同样强大和美丽的界面设计和丰富的组件和指令，最重要的是我们可以在使用过程中节省很多时间。
使用 npm 安装 patternfly-next-ng
npm install patternfly-next-ng
示例代码
引入 module
-- -------------------- ---- -------
------ - ---------- - ---- ---------------------
-----------
------------- -
------------
--
-------- -
--------------
------------
----------
--
---------- ---
---------- --------------
--
------ ----- --------- - -使用组件
<pfng-switch [(ngModel)]="isChecked"></pfng-switch>
以上是一个 Switch 组件的使用示例。它的功能类似于一个开关控件，当被选中时它会显示当然选项，并可以通过 click 事件来触发相关逻辑。
patternfly-next-ng 组件列表
以下是 patternfly-next-ng 提供的组件列表。
- alert
- badge
- button
- card
- checkbox
- datagrid
- dropdown
- form
- icon
- inputgroup
- listgroup
- login
- modal
- navbar
- navigation
- notification
- pagination
- popover
- radio
- select
- sidebar
- sort
- spinner
- switch
- tab
- tableview
- toolbar
- treeview
指令
以下是 patternfly-next-ng 提供的指令列表。
- debounce
- fixed
- matchContent
- outlineClick
- resize
- selectOnClick
- tabFocus
总结
以上就是 patternfly-next-ng 的使用教程，我们学习了如何使用 npm 安装 patternfly-next-ng，还有如何引入模块和使用组件，最后我们也介绍了它的组件列表和指令列表。希望这篇文章可以帮助大家更好地使用 patternfly-next-ng，从而加速实现您的 Web 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f85238a385564ab6c77