@[TOC]
1. 什么是 @springbuck/ng-webgets？
@springbuck/ng-webgets 是一个基于 Angular 的前端 UI 组件库，提供了丰富的常用组件，如表格、日期选择器等。使用 @springbuck/ng-webgets 可以快速构建出美观、易用的 Web 应用程序。
2. 如何安装 @springbuck/ng-webgets？
使用以下命令可以在你的项目中安装 @springbuck/ng-webgets：
npm install @springbuck/ng-webgets --save
3. 如何使用 @springbuck/ng-webgets？
3.1 引入模块
在你的 app.module.ts 文件中引入 @springbuck/ng-webgets 模块：
-- -------------------- ---- -------
------ - --------------- - ---- -------------------------
-----------
-------- -
-- ---
----------------
-- ---
--
--
------ ----- --------- --3.2 使用组件
在你的组件中使用 @springbuck/ng-webgets 提供的组件，例如在模板中使用表格组件：
<sb-table [dataSource]="dataSource" [columnDefs]="columnDefs" [pagination]="true" ></sb-table>
其中，
dataSource：表格数据源；columnDefs：表格列定义；pagination：是否启用分页。
在组件中定义 dataSource 和 columnDefs：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ---------- ---------- - ---- -------------------------
------------
-- ---
--
------ ----- ----------- -
----------- ---------- - -
- ----- ----- ---- -- --
- ----- ----- ---- -- --
- ----- ----- ---- -- --
--
----------- ----------- - -
- ------ ------- ----------- ---- --
- ------ ------ ----------- ---- --
--
-此时，你就可以在页面上看到一个带分页的表格。更多组件使用方法请参考官方文档。
4. 结语
@springbuck/ng-webgets 提供了丰富的常用组件，让前端开发者可以更快速地构建出美观、易用的 Web 应用程序。希望本文对你使用 @springbuck/ng-webgets 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cfb81e8991b448e6c53