当使用角度可编辑存储时出现错误时保存保存按钮

Question

我正在使用Angular Xeditable api。你能告诉我如何在出现错误时保持Save按钮。在这里我没有使用x可编辑的内置输入控件。我使用的是hyper link。当用户点击时，它显示弹出窗口等等。该功能工作正常。当出现错误时，我只需要在edit模式下保留该行。然后用户可以在不再按Edit按钮的情况下输入数据。谢谢。

这里是Fiddle

的Html

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

JS

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

注：请不要考虑有关超链接的功能，上述小提琴。只是一个demo.My关键要求是在发生错误时保留Save按钮。

Answer 1

不太熟悉x-editable，但有一种内置的错误处理程序。我将它留给文档来详细解释它，但从onbeforesave函数返回一个字符串将使x可编辑将该函数解释为错误并保持窗体打开。试试这个，应该实现你正在寻找的东西！

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