當使用角度可編輯存儲時出現錯誤時保存保存按鈕

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