Angular bootstrap - 无法根据过滤结果禁用下拉菜单

Question

我正在使用Angular 1.5和Angular Bootstrap。我有一个带有列表的uib-dropdown元素和一个自定义过滤器。列表中显示的项目显然是根据自定义过滤器进行过滤，最终目标是禁用 dropdown并在过滤过程后没有项目时添加文本占位符（直到用户更改将满足过滤要求的输入。）

这是HTML代码：

        <div class="btn-group" uib-dropdown is-open="status.isopen">
            <button id="customHtmlBtn"
                    type="button"
                    class="btn btn-default"
                    uib-dropdown-toggle>
                {{selectedHtml.name}}<span class="caret"></span>
            </button>
            <ul class="dropdown-menu" uib-dropdown-menu>
                <li ng-repeat="html in customHtmls | filter: $ctrl.customFilter as filteredCount">
                    <a ng-click="htmlSelected(html)">{{html.name}}</a>
                </li>
            </ul>
        </div>

控制器内的JS代码：

        this.htmlSnippetSizeFilter = function (html) {
            return html.width === 100 && html.height === 100;
        };

如何使用filteredCount（如果是== 0）语法来禁用uib-dropdown？