Javascript 如何使用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

我需要一个帮助。在使用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="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='';
     });  
}