angularjs的select第一个选项为空的处理

1、做angularjs的select赋值时,出现第一个选项为空的情况,如下所示:

查看源码,如下显示:

2、解决方式

2.1第一个想到的就是把第一项设置为:请选择,方法如下:

<tr>
    <td>基础题型</td>
    <td><select class="form-control" ng-model="entity.type" >
     <option value="">请选择</option>
     <option ng-repeat="entityType in baseTypeList" value="{{entityType.typeId}}">{{entityType.typeName}}</option>
      </select>
     </td>
  </tr>

 结果如下:

2.2 我实际想第一个选项为返回集合的第一项,方法如下:

 //获取基础题型
    $scope.findAllBaseType = function(){
        shuobaExamTypeService.findAllBaseType().success(
            function (result) {
                $scope.baseTypeList=result;
                $scope.entity.type=$scope.baseTypeList[0].typeId;
                
            }
        );
    }

最开始我赋值为:

$scope.entity.type=$scope.baseTypeList[0].typeName;

结果是不行的,必须赋值为typeId,也就是赋值给value,和下面的保持一致

<option ng-repeat="entityType in baseTypeList" value="{{entityType.typeId}}">{{entityType.typeName}}</option>

结果如下:

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值