angularjs ui-select如何设置默认选中值

最新推荐文章于 2025-06-11 09:20:03 发布

原创最新推荐文章于 2025-06-11 09:20:03 发布 · 9.6k 阅读

0 ·

CC 4.0 BY-SA版权

AngularJs 同时被 2 个专栏收录

37 篇文章

订阅专栏

前端工具

16 篇文章

订阅专栏

本文介绍如何在AngularJS中使用UI-Select组件设置默认选中值。通过设置ng-model及其值，可以轻松实现选项的默认选中状态。

angularjs ui-select如何设置默认选中值，可以采用ng-model来设置，示例如下：

            <div class="col-sm-6">
 
                  <ui-select ng-model="provinces.selected" theme="bootstrap"
 
                        on-select="loadCitys($item, $model)"> <ui-select-match
 
                        placeholder="选择省份">{{$select.selected.name}}</ui-select-match> <ui-select-choices
 
                        repeat="province in provinces  | filter: $select.search">
 
                    <div ng-bind-html="province.name | highlight: $select.search"></div>
 
                    </ui-select-choices> </ui-select>
 
                </div>

只要设置了 ng-model并设置它的值，就可以出来默认选中了。