Javascript 输入框在“选择自定义模板”中不起作用

我为AngularStrap Select指令创建了一个自定义模板，但由于某种原因，我无法在添加到模板中的文本框中键入内容。我想使用此文本框筛选列表项

自定义HTML模板（/dist/select.HTML）

我在这里从默认模板添加的唯一内容是另一个包含文本框的

元素。换句话说，我基本上复制并粘贴了默认模板，并添加了

和

元素

<ul tabindex="-1" class="select dropdown-menu" ng-show="$isVisible()" role="select">
    <li>
        <input type="text" class="form-control input-sm" ng-model="iconFilter" />
    </li>
    <li ng-if="$showAllNoneButtons">
        <div class="btn-group" style="margin-bottom: 5px; margin-left: 5px">
            <button class="btn btn-default btn-xs" ng-click="$selectAll()">All</button>
            <button class="btn btn-default btn-xs" ng-click="$selectNone()">None</button>
        </div>
    </li>
    <li role="presentation" ng-repeat="match in $matches" ng-class="{active: $isActive($index)}">
        <a style="cursor: default;" role="menuitem" tabindex="-1" ng-click="$select($index, $event)">
            <i class="{{$iconCheckmark}} pull-right" ng-if="$isMultiple && $isActive($index)"></i>
            <span ng-bind="match.label"></span>
        </a>
    </li>
</ul>

全部的
没有一个

HTML

这是包含对bs select指令的调用的实际HTML

<button ng-if="path() === '/contacts/people'"
    type="button"
    class="btn btn-default btn-sm"
    ng-model="selectedIcon"
    data-html="1"
    data-multiple="1"
    data-template="/dist/select.html"
    ng-options="icon.value as icon.label for icon in getIcons()"
    bs-select>
        Action <span class="caret"></span>
</button>

行动