選中項目后，下拉復選框關閉，並且不保存選擇

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。