angularjs中ui-select的使用总结

最新推荐文章于 2024-08-10 07:24:20 发布

g_ylin

最新推荐文章于 2024-08-10 07:24:20 发布

阅读量1.6k

点赞数

分类专栏： angularjs

本文链接：https://blog.csdn.net/g_ylin/article/details/104697504

版权

本文详细介绍了AngularJS中ui-select组件的使用，包括单选和多选两种情况。在单选模式下，通过ng-model设置绑定值，并使用ui-select-match和ui-select-choices进行数据展示。而在多选模式下，加入multiple属性，并同样使用ui-select-match和ui-select-choices配合使用，可以选择多个值。此外，还提到了refresh功能，可用于实时更新选项列表。

摘要由CSDN通过智能技术生成

ui-select的选择有两种情况：单个的和multiple

1，单个的

<ui-select ng-model="command.value">
    <ui-select-match>
        <span ng-bind="$select.selected.name"></span>
    </ui-select-match>
   <ui-select-choices repeat="item in itemArrays| filter: $select.search track by item.id">
        <span ng-bind="item.name"></span>
    </ui-select-choices>
</ui-select>

其中的 ui-select-choices 中repeat的filter和track by不一定要用，根据自己需要选择

2.mutiple

<ui-select multiple name="conSelect" ng-model="cons" class="form-control input-sm" required>
<ui-select-match>{ {$item.id}}</ui-select-match>
<ui-select-choices repeat="con in backingData.cons | filter: $select.search | orderBy:'id' track by con.id " >