SelectionModel: 被用来控制选中一个和多个item时候的逻辑。例如下拉菜单,复选框选中等,非常方便。
引入:import{SelectionModel}from'@angular/cdk/collections';
声明:private checkSelection = new SelectionModel
内置方法:
select(value) 选中一个值到集合里面
deselect(value) 取消选中
toggle(value) 选中和非选中之间切换
clear() 清除所有选中的值
isSelected(value) 判断是否选中,并返回一个boolean值
hasValue() 判断selectModel是否有值
sort(function) 根据一个方法进行排序
除此之外,还有监测选中的方法,SelectionChange(),同SelectionModel一样需要事先引入。
/* 假如我有一个checkbox组件, * checked:输入属性,判断是否选中 * change: 代表事件输出,Event emit * 简单使用方法如下 */
手机扫一扫
移动阅读更方便
你可能感兴趣的文章