angularjs select通过动态加载option有空白项的处理方法-

Posted 2020-10-31 艳阳天

 

 

angularjs select通过动态加载option有空白项的处理方法 && 对选择select下不同的选项做出不同的处理

 

在用select通过动态加载option实现下拉框时，在没有设置“请选择”默认显示框时，出现了开白项，且一开始显示的也是空白，没有显示option中的第一项，这里需要显示设置默认选项

 

  <select class="" ng-init="" ng-model="condition.useTime"
          ng-options="useTime.value as useTime.name for useTimein useTimeList" ng-change="setMark()">
  </select>

 

 var useTimeList= [ {name: "不限制", value: 0}, {name: "设定使用时段", value: 1}, ]; 

 

var status = require("./status");
$scope.useTimeList= status.useTimeList;

 

    $scope.condition= {
        useTime:$scope.useTimeList[0].value
    };

 

setMark()用来判断选中的是哪个option，然后来分别做出相应的操作

function setMark(){

        if($scope.condition.useTime==‘0‘){
            $scope.setuseTime=0;
        }else if($scope.condition.useTime==‘1‘){
            $scope.setuseTime=1;
        }


    }

 

 

 

参考&感谢：https://blog.csdn.net/yingzizizizizizzz/article/details/72629638