드롭 다운에서 지우기 옵션을 선택한 경우 각도 UI 그리드를 지우십시오.

Question

주문 옵션을 표시하는 드롭 다운이 있습니다. 드롭 다운에서 선택한 항목에 따라 각도 UI 격자가 채워집니다. 문제는 "-Select Order-"가 선택된 모든 사용자의 모든 주문입니다. 그 옵션이 선택되면 그리드를 지우는 방법을 알아 내려고 노력 중입니다.

vm.gridOptions = { 
     data: 'vm.orders', 
     enableRowSelection: false, 
     columnDefs: [ 
      { field: 'Orders.OrderId', displayName: 'OrderId', visible: false }, 
      { field: 'Orders.Name', displayName: 'Orders', minWidth: 100, width: 'auto', resizable: true }, 
      { field: 'InvoiceName', displayName: 'Invoice', minWidth: 150, width: 'auto', resizable: true }, 
      } 
     ], 
     filterOptions: { filterText: vm.selectedOrder, useExternalFilter: false }, 
     } 
    }; 

내가 함수 vm.clear를() 나는 "-를 선택하여 명령 -"옵션을 선택 작동 vm.orders을 = ''설정 무엇을 만드는 시도 : 여기

<div class="row"> 
      <div class="col-md-8"> 
       <select ng-model="vm.selectedOrder" 
         ng-options="order.Id as order.Name for order in vm.orders" 
         ng-change=" vm.selectedOrder ? 'OrderId:' + vm.selectedOrder : ''" 
         class="form-control"> 
        <option value="">- Select Order -</option> 
       </select> 

      </div> 
     </div> 
     <div class="row"> 
      <div class="col-md-8"> 
       <div class="gridStyle" ng-grid="vm.gridOptions"></div> 
      </div> 
     </div> 

그리드입니다 . 그러나 다른 옵션을 선택하면 표가 채워지지 않습니다.

아이디어가 있으십니까?

Answer 1

이것은 해킹 비트 일지 모르지만 시간이 없어서 응답이 없으므로 함께 사용하고 있습니다. 이를 위해 :

ng-change=" vm.selectedOrder ? 'OrderId:' + vm.selectedOrder : ''" 

나는이 그것을 변경 :

ng-change=" vm.selectedOrder ? 'OrderId:' + vm.selectedOrder : 'clear'"