选中项目后，下拉复选框关闭，并且不保存选择

Question

我是Java和AngularJS的新手，目前正尝试通过按钮（用于搜索过滤器）实现下拉复选框。 我目前能够显示下拉菜单，但是当我选中一个复选框时，下拉菜单会立即关闭。 当我再次打开下拉菜单时，选中的项目也不会保存为选中状态。 这是我的tpl.html中的内容：

<div class="input-group-btn">
     <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" bs-dropdown data-template-url="dropdown-template" data-placement="bottom-right">
        <span class="fa fa-filter"></span>
     </button>

     <li class="dropdown-filter">
        <script type="text/ng-template" id="dropdown-template">
            <ul class="dropdown-menu">
                <div>
                   <input type="checkbox" id="disabledStores">
                   <label for="disabledStores">Show Disabled Stores</label>
                </div>
            </ul>
        </script>
     </li>
</div>

我究竟做错了什么？

Answer 1

您需要将选择的值保存在属性中，并使用ng-model绑定到html。

在您的控制器中必须具有： disabledStored : boolean = false.

并且在您的模板中： <input type="checkbox" id="disabledStores" ng-model="disabledStored">

选中此复选框后，该属性的值将为true。