angularjs select通過動態加載option有空白項的處理方法-

 

 

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