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

最新推荐文章于 2024-08-24 07:51:43 发布

justforuse

最新推荐文章于 2024-08-24 07:51:43 发布

阅读量4.4k

点赞数

分类专栏： AngularJS 文章标签： angular 下拉框多选复选框指令

本文链接：https://blog.csdn.net/u014291497/article/details/52348139

版权

本文介绍如何在Angular中创建一个带有多个复选框的下拉框指令，提供了一个预览效果和相应的代码示例。

摘要由CSDN通过智能技术生成

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

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

先上个效果图吧：
这里写图片描述

代码：

<!DOCTYPE html>
<html ng-app="app">

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css">
    <script src="../jquery.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
    <style type="text/css">
    label {
        display: