使用 Angular Xeditable 保存时出现错误时保留保存按钮

Question

我正在使用 Angular Xeditable api。你能告诉我如何在有 error.Here 时保留 Save 按钮吗？我没有使用 x 可编辑的内置输入控件。我正在使用 hyper link。当用户点击时，它会显示弹出窗口，因此 on.That 功能正在运行 fine.I 只需要在有 edit 模式时保持该行error.Then 用户无需按 Edit 按钮即可输入数据 again.Thanks。

这是Fiddle

Html

<td>
  <a href="" ng-click="vm.note(user,rowform)">Note</a>
</td>

js

 $scope.saveUser = function(data, id) {
     alert('Error');
     return;
  };

注意：请不要考虑 hyper link 的上述功能 fiddle.Just demo.My 关键要求是出现错误时保持Save按钮。

Answer 1

对 x-editable 不太熟悉，但有某种内置的错误处理程序。我将把它留给文档来详细解释，但是从 onbeforesave 函数返回一个字符串将使 x-editable 将该函数解释为错误并保持表单打开。试试这个，应该能达到你想要的！

$scope.saveUser = function(data, id) {
  var error = true;
  if (error) {
    return "Something went wrong."
  } else {
    angular.extend(data, {id: id});
    return $http.post('/saveUser', data);
  }
};

使用 Angular Xeditable 保存时出现错误时保留保存按钮

Keep Save button when there is an Error on saving with Angular Xeditable

angularjs

x-editable