简介
ng2_simply-component-kit 是一套 Angular 2+ 前端组件库。它包含了一些常用的组件,例如按钮、表格、弹窗等等。这些组件都是基于 Angular 2+ 开发的,所以非常容易集成到已有的 Angular 2+ 项目中。
安装
可以使用 npm 来安装 ng2_simply-component-kit:
npm install ng2_simply-component-kit --save
使用
使用 ng2_simply-component-kit 的方式非常简单。首先需要在 app.module.ts 中引入组件库:
-- -------------------- ---- ------- ------ - -------- - ---- ---------------- ------ - ------------- - ---- ---------------------------- ------ - ------------------------ - ---- --------------------------- ------ - ------------ - ---- ------------------ ----------- -------- --------------- -------------------------- ------------- --------------- ---------- -------------- -- ------ ----- --------- - -
完成了引入组件库后,即可在项目中使用 ng2_simply-component-kit 提供的组件。
下面是几个常用组件的使用示例:
Button
<sc-button (click)="onClick()">Click Me!</sc-button>
Input
<sc-input [(ngModel)]="name"></sc-input>
Table
<sc-table [headers]="headers" [rows]="rows"></sc-table>
注意事项
除了上面提到的一些简单的示例之外,ng2_simply-component-kit 还包含了很多其他的组件和功能,使用时需要进行更详细的学习。同时,虽然 ng2_simply-component-kit 中包含了很多常用组件,但具体的业务需求可能会超出组件库的限制。在这种情况下,可能需要开发自定义组件,或者对现有组件进行更改。
另外需要注意的是,在使用过程中也需要考虑该组件库的版本兼容性问题,以避免出现一些不必要的问题。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005626281e8991b448dfac4