Javascript 如何使用Angular.js将下拉值设置为空白
我需要一个帮助。在使用Angular.js完成一个操作后,我需要将下拉值设置为空白。我在下面解释我的代码Javascript 如何使用Angular.js将下拉值设置为空白,javascript,angularjs,Javascript,Angularjs,我需要一个帮助。在使用Angular.js完成一个操作后,我需要将下拉值设置为空白。我在下面解释我的代码 <div style="height:270px; overflow-x:hidden; overflow-y:scroll;" ng-show="viewOrderTable"> <div class="table-responsive dashboard-demo-table"> <select class="form-control" id="statu
<div style="height:270px; overflow-x:hidden; overflow-y:scroll;" ng-show="viewOrderTable">
<div class="table-responsive dashboard-demo-table">
<select class="form-control" id="status" ng-model="order_status" ng-change="changeOrderStatus(order_id,shipping_email,p.pro_data_id,order_status,p.days)">
<option value="">Select Status</option>
<option value="In-progress">IN-PROGRESS</option>
<option value="Dispatch">DISPATCH</option>
<option value="Delivered">DELIVERED</option>
<option value="canceled" ng-if="p.pro_status =='Ordered' && p.pro_status=='In-progress'">CANCELED</option>
<option value="Returned" ng-if="p.days <= 48 && p.pro_status=='Delivered'">RETURN</option>
</select>
</div>
</div>
此操作的控制器端代码如下所示
$scope.changeOrderStatus=function(orderid,email,prodataid,order_status,hour){
if(order_status=='Dispatch'){
$scope.viewOrderTable=false;
$scope.viewDispatch=true;
pro_dataId=prodataid;
order_Id=orderid;
dStatus=order_status;
email=email;
}
}
当用户单击“上一步”按钮时,它将再次回到其原始状态,但下拉列表DISPATCH
选项将显示我需要再次重置下拉列表的位置
$scope.clearDispatchData=function(){
$scope.viewOrderTable=true;
$scope.viewDispatch=false;
$scope.order_status='';
}
我确实喜欢上面的内容,但它没有重置。请帮助我解决此问题。您可以在html文件中为此使用ng init
<select class="form-control" id="status" ng-model="order_status" ng-change="changeOrderStatus(order_id,shipping_email,p.pro_data_id,order_status,p.days)" ng-init='order_status == 0'>
可能是摘要问题。您可以尝试使用
$timeout
,因此在使用之前,您应该在控制器中插入$timeout
$scope.clearDispatchData=function(){
$timeout(function() {
$scope.viewOrderTable=true;
$scope.viewDispatch=false;
$scope.order_status='';
});
}
$scope.clearDispatchData=function(){
$timeout(function() {
$scope.viewOrderTable=true;
$scope.viewDispatch=false;
$scope.order_status='';
});
}