简介
@huajie-ng/simple-com 是一个简单的前端组件库，提供了一些常用的组件，如按钮和表单等。该组件库使用 Angular 12 编写，可以直接通过 npm 安装使用。
安装
要使用 @huajie-ng/simple-com，需要先安装 Angular 12：
npm install -g @angular/cli
安装完成后，在项目中运行以下命令安装 @huajie-ng/simple-com：
npm install @huajie-ng/simple-com
使用
安装完成后，可以直接在组件中引入 @huajie-ng/simple-com 中的组件。例如，在 app.module.ts 中引入 ButtonComponent：
-- -------------------- ---- -------
------ - ------------- - ---- ----------------------------
------ - -------- - ---- ----------------
------ - ------------ - ---- ------------------
------ - --------------- - ---- ------------------------
-----------
------------- -
-------------
---------------
--
-------- -
-------------
--
---------- ---
---------- --------------
--
------ ----- --------- - -然后，在 app.component.html 中使用 ButtonComponent：
<app-button></app-button>
运行项目后，即可看到一个简单的按钮。
组件列表
@huajie-ng/simple-com 提供了以下组件：
- ButtonComponent：按钮组件，支持多种样式和尺寸设置。
- InputComponent：输入框组件，支持单行文本输入和多行文本输入。
- SelectComponent：下拉选择框组件，支持多选、单选和搜索等功能。
- CheckboxComponent：复选框组件，支持单选和多选。
- RadioComponent：单选框组件，支持单选。
每个组件都包含详细的使用文档，可在 npm 上查看。
示例代码
下面是一个简单的示例代码，演示了如何使用 ButtonComponent：
<!-- app.component.html --> <app-button [type]="'primary'" [size]="'large'" (click)="onClick()">Click Me</app-button>
-- -------------------- ---- -------
-- ----------------
------ - --------- - ---- ----------------
------ - --------------- - ---- ------------------------
------------
--------- -----------
--------- ------------ -------------------- ------------------ ------------------------- ----------------
--
------ ----- ------------ -
--------- -
------------- ----------
-
-结语
@huajie-ng/simple-com 提供了一些简单的前端组件，方便前端开发者使用。在使用过程中，如有问题或建议，欢迎提出。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bbf967216659e24413f