angularjs的设置select的选中项解决

最新推荐文章于 2020-11-25 05:59:53 发布

原创最新推荐文章于 2020-11-25 05:59:53 发布 · 835 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#angular select

前端技术专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用AngularJS实现地区选择器的方法，通过$http服务获取省份列表，并利用ng-repeat和ng-selected指令动态生成下拉选项，同时将选中值绑定到实体对象的属性上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我获取的是省份的列表，代码如下：

this.findProvince=function () {
        return $http.get("../region/getProvince")
    }

 baseExamTypeService.findAllBaseType().success(
            function (result) {
                $scope.baseTypeList = result;
            }
        );

<td>地区</td>
<td>
 <select class="form-control" ng-model="entity.regionId"  >
    <option ng-repeat="region in provinceList" value="{{region.regionId}}" 
    ng-selected="region.regionId==entity.regionId">{{region.regionName}}</option>
</select>
</td>

用ng-repeat来循环显示option的值，用ng-selected来设置当前是否是选中项。在select中用ng-model的“entity.regionId来保存select的选中的value值。