首页 > Web开发 > 详细

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

时间:2018-04-14 16:05:37      阅读:230      评论:0      收藏:0      [点我收藏+]
 

 

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

 

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

原文:https://www.cnblogs.com/haimengqingyuan/p/8831997.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!