ng-blur事件在ui網格單元格模板上不起作用

Question

以下是示例代碼。我在ui-grid中有一個單元格模板（文本框）。我想在文本框的值改變時使用ng-blur事件，但這個事件不會觸發。

{ 
    name: "Amount", displayName: "Amount", enableFiltering: false, 

    cellTemplate: '<input type="text" ng-model="row.entity.Amount" ng-blur="updateEntity(row.entity)"></input>' 
} 

有沒有人越過UI網格的單元模板中這種情況下或使用NG-模糊。謝謝。

Answer 1

u可以使用該原生API：該角的版本是您使用

$scope.gridOptions.onRegisterApi = function(gridApi){ 
    //set gridApi on scope 
    $scope.gridApi = gridApi; 
    gridApi.rowEdit.on.saveRow($scope, $scope.saveRow); 
}; 

$scope.saveRow = function(rowEntity) { 
// create a fake promise - normally you'd use the promise returned by $http or $resource 
var promise = $q.defer(); 
$scope.gridApi.rowEdit.setSavePromise(rowEntity, promise.promise); 

// or call your logics here with returning promise.reject() - on error or promise.resolve() - on success 

// fake a delay of 3 seconds whilst the save occurs, return error if gender is "male" 
$interval(function() { 
    if (rowEntity.gender === 'male'){ 
    promise.reject(); 
    } else { 
    promise.resolve(); 
    } 
}, 3000, 1); 

教程鏈接http://ui-grid.info/docs/#/tutorial/205_row_editable