1. 简介
@ntesmail/shark-angularjs 是一个基于 AngularJS 框架封装而成的 UI 组件库,目前由网易企业邮箱前端团队(Shark)维护和开发,包含了丰富的组件、指令和服务,助力开发者快速构建业务系统。
2. 安装
首先,你需要在项目中引入 AngularJS:
<script src="https://code.angularjs.org/1.8.2/angular.js"></script>
然后,使用 npm 安装 @ntesmail/shark-angularjs:
npm install @ntesmail/shark-angularjs --save
最后,在你的项目中引入 shark-angularjs.js:
<script src="node_modules/@ntesmail/shark-angularjs/dist/shark-angularjs.js"></script>
3. 组件示例
3.1 按钮
<shark-button class="btn-primary">Primary Button</shark-button> <shark-button class="btn-success">Success Button</shark-button> <shark-button class="btn-warning">Warning Button</shark-button> <shark-button class="btn-danger">Danger Button</shark-button> <shark-button class="btn-link">Link Button</shark-button>
3.2 表格
<shark-table rows="vm.rows" columns="vm.columns"></shark-table>
-- -------------------- ---- ------- --------------------- ---------------- ----------------------------- ---------- - --- -- - ----- ---------- - - ------- ------- ------ -------- ------- ----------- ------ ------------ ------- --------- ------ ---------- ------- ------ ------ ------- ------- ------ ------ ------ ------------ -- ------- - - ------ ----- ----- --------- ------------ ------- ---- ------ ---- --- ---------- -------------- ------ ----- ------- --------- ----------- ------- --------- ---- --- ---------- -------------- ------ ---- --------- --------- ---------- ------- -------- ---- --- ---------- ------------- -- ---
4. 总结
@ntesmail/shark-angularjs 是一个非常优秀的基于 AngularJS 框架封装的 UI 组件库,其不仅提供了丰富的组件、指令和服务,还提供了完善的文档和示例,为开发者快速构建业务系统提供了很大的帮助。希望本文能够对大家在使用 shark-angularjs 时有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055ce481e8991b448da81f