Angular.js

Question

kullanarak boş bırakma değeri nasıl ayarlanır Bir yardıma ihtiyacım var. Angular.js. kullanarak bir eylemi tamamladıktan sonra boş bırakma değerini boş olarak ayarlamanız gerekiyor. Kullanıcı, aşağıdaki şekilde açıyor DISPATCH seçilmesidir yukarıdaki listeden

<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> 

.

<div class="" ng-show="viewDispatch"> 
<div style="padding-bottom:20px;"> 
<div class="col-md-6"> 
          <div class="input-group bmargindiv1 col-md-12"> 
          <span class="input-group-addon ndrftextwidth" style="width:120px; text-align:left;">Dispatched Date& Time :</span> 
          <div class="datepicker" date-format="dd-MM-y h:mm:ss" button-prev='<i class="fa fa-arrow-circle-left"></i>' button-next='<i class="fa fa-arrow-circle-right"></i>'> 
           <input type="text" name="dispatch_date" class="form-control" id="dispatch_date" ng-model="dispatch_date" placeholder="Add Dispatched Date& Time" ng-change="clearField('dispatch_date');" /> 
           </div> 
          </div> 
         </div> 
         <div class="clear"></div> 
        </div> 
        <div class="col-md-12 text-right"> 
         <button type="button" class="btn btn-success" ng-click="addDispatchData();">Submit</button> <button type="button" class="btn btn-danger" ng-click="clearDispatchData();">Back</button> 
        </div> 
</div> 
</div> 

Bu eylemin denetleyici yan kodu aşağıda verilmiştir.

$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; 
      } 
} 

kullanıcı onun tekrar orijinal haline geliyor ama yine listesi açılan sıfırlamak için gereken yere DISPATCH seçenek görüntülüyor açılır düğme geri tıklayarak zaman.

$scope.clearDispatchData=function(){ 
     $scope.viewOrderTable=true; 
     $scope.viewDispatch=false; 
     $scope.order_status=''; 
    } 

Yukarıdaki gibi yaptım ama sıfırlama değil. Lütfen bu sorunu çözmek için bana yardımcı olun.

Answer 1

Sen böylece kullanmadan önce controller içerisinde $timeout enjekte edilmelidir $timeout kullanmayı deneyebilirsiniz sorunu sindirmek olabilir html dosyası

<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'> 

Answer 2

bunun için ng-init kullanabilirsiniz.

$scope.clearDispatchData=function(){ 
    $timeout(function() { 
      $scope.viewOrderTable=true; 
      $scope.viewDispatch=false; 
      $scope.order_status=''; 
    }); 
}