Angular实现一个简单的多选复选框的弹出框指令实例

之前的文章有写过包含树结构下拉框的。

要实现一个包含多个复选框的下拉框该如何做呢？

先上个效果图吧：

代码：

  
  
  
  
  
  
  label {
    display: block;
    margin-top: 3px;
  }

  label.list:hover {
    cursor: pointer;
    background-color: red;
  }

  label.selected {
    background-color: red;
  }
  
  
  



  

    
      
  
 
      
      

 

   //下拉框数据绑定
   
 
      
    

  

指令模版代码option.html：

  //为不同的选项定义不同的id
  
  {{item.name}}

以上这篇Angular实现一个简单的多选复选框的弹出框指令实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。