ng-grid點擊編輯打開彈出窗口

Question

我有一個在網格底部有Edit和Delete按鈕的ng-grid。

單擊編輯按鈕時，我希望它打開一個帶有信息的Modal彈出窗口。從模態中顯示的選定行開始。

這是我的HTML。

<div class="gridStyle" ng-grid="gridOptions"><!--ng-grid--> 
</div> 
<button ng-click="??" ng- disabled="!singleSelection()">Edit</button> 
<button ng-click="??" ng-disabled="disabled">Delete</button> 

而我的JS如下：

$scope.gridOptions = { 
      data: 'scheduleData.scheduleList', 
      columnDefs: [ 
       { field: 'id', displayName: 'ID', visible: false }, 
       { field: 'disabled', displayName: 'Enabled', cellFilter: 'checkmark' } 
       { field: 'dpName', displayName: 'Description' }, 
       { field: 'dpType', displayName: 'Type' }, 
       { field: 'dpProtection', displayName: 'Protection' }, 
       { field: 'doProtectionParam', displayName: 'DP Protection Paramters', visible: false }, 
       { field: 'startDate', displayName: 'Start Date', visible: false, cellFilter: 'date:\'M/d/yy h:mm a\'' }, 
       { field: 'endDate', displayName: 'End Date', visible: false, cellFilter: 'date:\'M/d/yy h:mm a\'' }, 
       { field: 'recurrenceType', displayName: 'Recurrence' }, 
       { field: 'everyNth', displayName: 'Estimated Duration', visible: false }, 
      enableCellSelection: false, 
      enableSorting: true, 
      enableColumnResize: true, 
      enableColumnReordering: true, 
      showColumnMenu: true, 
      showFilter: true, 
      showFooter: true, 
      enableRowselection: true, 
      multiSelect: true, 
      selectedItems: $scope.selections 

      }; 

任何幫助將不勝感激。

謝謝

Answer 1

我得到這個工作使foll。切換到HTML

<button ng-click="openModal(selections[0])" ng- disabled="disableButtons(selections)">Edit</button> 

而在我的JS，

  $scope.openModal = (selections) => { 

      var modalInstance = $modal.open({ 
       templateUrl: 'link to URL', 
       controller:RelatedController, 
       resolve: { 
        schedule: function() { 
         return selections.id == null ? selections : selections.clone(); 
        } 
       } 
      }); 

     }