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(); 
        } 
       } 
      }); 

     }