透明な角度のUIグリッドをドロップダウンから選択した場合

Question

注文オプションを表示するドロップダウンがあります。ドロップダウンから何が選択されているかに応じて、角度UIグリッドが設定されます。 「-Select Order-」が選択されていると、すべてのユーザーのすべての注文が表示されます。私はそのオプションが選択されているときにグリッドをクリアする方法を理解しようとしています。ここで

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

グリッドです：

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を設定し、どのような' 私は "-Select Order-" オプションを選択したときに働きます。しかし、他のオプションを選択すると、グリッドは表示されません。

アイデア？

Answer 1

これは少しハックかもしれませんが、私は応答がありませんので、私は時間がなくなっているので、私はそれと一緒に行くつもりです。このため ：

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

私はこれにそれを変更：

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