0

我有 ui-select 元素与帮助 angular-formly 字段类型一起使用。我有这样的定义：

<ui-select ng-model="model[options.key]" theme="bootstrap" ng-required="{{to.required}}" ng-disabled="{{to.disabled}}" reset-search-input="false">,
   <ui-select-match placeholder="{{to.placeholder}}">,
        {{$select.selected[to.labelProp || \name\]}},
    </ui-select-match>,
    <ui-select-choices group-by="to.groupBy" repeat="option[to.valueProp || \value\] as option in to.options | filter: $select.search">,
        <div ng-bind-html="option[to.labelProp || \name\] | highlight: $select.search"></div>,
    </ui-select-choices>,
</ui-select>

我正在寻找一种方法来关闭过滤，关闭提前输入选项，因此该元素的外观更像常规选择。

此外，当带有值的馈送 - 通过模型 - 当单击以展开列表上的选择时变得与值不同步 - 它选择列表上的第一个值而不是由模型驱动的值 - 当“点击离开”时恢复正常。这是一个设置吗？

4

1 回答 1

0

使用 UI Bootstrap Typeahead功能。希望它是轻量级和容易的。

<div class='container-fluid typeahead-demo' ng-controller="TypeaheadCtrl">
    <h4>Static arrays</h4>
    <pre>Model: {{selected | json}}</pre>
    <input type="text" ng-model="selected" uib-typeahead="state for state in states | filter:$viewValue | limitTo:8" class="form-control">
</div>

在您的控制器中，有一个状态数组。

于 2016-03-01T03:55:44.970 回答