简介
ng2-fuzhutech-common
是一个基于Angular2框架的常用组件库,集成了许多常用的组件和模块,可以帮助开发者快速构建一个完整的前端应用程序。
安装
首先需要确保已经安装了npm
,然后在项目中执行如下命令:
npm install ng2-fuzhutech-common --save
组件列表
分页组件 (PaginationComponent)
<pagination [current]="currentPage" [total]="totalItems" (pageChanged)="pageChanged($event)"> </pagination>
单选框组件 (RadioGroupComponent)
<radio-group [(ngModel)]="selected" [values]="[ { value: '1', label: 'First' }, { value: '2', label: 'Second' }, { value: '3', label: 'Third' } ]"> </radio-group>
多选框组件 (CheckboxGroupComponent)
<checkbox-group [(ngModel)]="selected" [values]="[ { value: '1', label: 'First' }, { value: '2', label: 'Second' }, { value: '3', label: 'Third' } ]"> </checkbox-group>
模态框组件 (ModalComponent)
-- -------------------- ---- ------- ------ ------------------ ----------------------- ---- --------------------- --- ------------------------- ---------- ------ ---- ------------------- ----- ------- ---- ---- ------ ---- --------------------- ------- ---------- ------------ ------------------------------------- ------ --------
示例代码
-- -------------------- ---- ------- ------ - --------- - ---- ---------------- ------ - -------------------- -------------------- ----------------------- -------------- - ---- ----------------------- ------------ --------- --------- --------- - ----------- ----------------------- -------------------- ------------------------------------ ------------- ------------ ---------------------- ----------- - ------ ---- ------ ------- -- - ------ ---- ------ -------- -- - ------ ---- ------ ------- - --- -------------- --------------- ---------------------- ----------- - ------ ---- ------ ------- -- - ------ ---- ------ -------- -- - ------ ---- ------ ------- - --- ----------------- ------ ------------------ ----------------------- ---- --------------------- --- ------------------------- ---------- ------ ---- ------------------- ----- ------- ---- ---- ------ ---- --------------------- ------- ---------- ------------ ------------------------------------- ------ -------- - -- ------ ----- ------------ - ------------ ------ - -- ----------- ------ - --- --------- -------- - --- ---------- ------- - ------ ----------------- ------- - ---------------- - ----- - ------------ - -------------- - ------ - -
结论
ng2-fuzhutech-common
是一个非常方便实用的Angular2组件库,其中包含了各种常用的组件和模块,可以帮助开发者快速构建一个完整的前端应用程序。在使用过程中,我们可以根据具体需求选择相应的组件,并通过示例代码快速掌握组件的使用方法。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055fc081e8991b448dd0d5