前言
在前端开发过程中，我们经常会遇到需要对选中框（checkbox）进行一系列复杂的操作，这时候，使用 essence-ng2-checked 这个工具包可以大大简化开发流程，提高开发效率。
简介
essence-ng2-checked 是一个基于 Angular2 框架开发的 npm 包，用于处理 checkbox 操作相关的问题。它提供了一系列常用的功能，包括：全选（全不选）、反选、部分选择等。
安装
要使用 essence-ng2-checked，你需要先安装 npm。在终端或者命令行中输入以下代码进行安装：
npm install essence-ng2-checked --save
使用
- 在你的 Angular2 项目中，引入 "essence-ng2-checked" 组件：
import { CheckedModule } from 'essence-ng2-checked';
- 在 @NgModule 中，将 CheckedModule 添加到 imports：
@NgModule({ imports: [ BrowserModule, CheckedModule, ... ], ... })
- 在你的模板中，使用 'ess-checked-select-all' 指令实现全选，使用 'ess-checked-inverse' 指令实现反选，使用 'ess-checked-partial' 指令实现部分选择。示例代码如下：
-- -------------------- ---- ------- ------ --------------- ----------------------- ---------------------- ---------------------------- ---- ----------- ---- -- ------- ------ --------------- --------------------------- ------------- ------ ------- ------------------- ------------------------------------- ------- ------------------- ---------------------------------------展开代码
参数说明
- 'ess-checked-select-all' 和 'ess-checked-inverse' 指令不需要传入参数
- 'ess-checked-partial' 指令需要传入 'essaCheckedAll' 参数，表示选中按钮的数组
总结
通过本教程，我们了解了如何使用 npm 包 essence-ng2-checked 优化我们的前端开发流程，提高了我们的开发效率，同时也更加深入地了解了 Angular2 框架的强大功能和开发理念。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600565e381e8991b448e1dfd
