Im работает с AngularJS для отображения таблицы клавиш приложения (идентификаторов приложений), и я хотел бы использовать кнопку редактирования, чтобы отобразить небольшую форму в этой строке таблицы. Затем пользователь может редактировать поля и нажать "сохранить" или "отменить"
Демо: http://jsfiddle.net/Thw8n/
У меня встроенная форма работает отлично. Я нажимаю кнопку "Редактировать" и появляется форма. Отмена отлично работает.
Моя проблема
- Как подключить кнопку сохранения с помощью функции, которая сделает вызов $http в API
- Как мне получить данные из этой строки для отправки на вызов $http?
- Как отключить
editMode
после возврата вызова?
Вот фактический код, который я использую в своем контроллере (в JSFiddle Im не удается выполнить http-вызов). Первый $http заполняет форму, функция editAppKey - это то, что вызывается кнопкой сохранения.
function AppKeysCtrl($scope, $http, $location) {
$http({
method: 'POST',
url: 'http://' + $location.host() + ':1111/sys/appkey/save',
data: {
// How do I get the data?
}
}).
success(function(data, status, headers, config) {
$scope.appkeys = data;
}).
error(function(data, status, headers, config) {
$scope.appkeys = [{ "appkey" : "ERROR", "name" : "ERROR", "created" : "ERROR" }];
});
$scope.editAppKey = function() {
$http({
method: 'POST',
url: 'http://' + $location.host() + ':1111/sys/appkeys'
}).
success(function(data, status, headers, config) {
alert("Success!");
$scope.editMode = false;
}).
error(function(data, status, headers, config) {
alert("There was an error.");
});
}
}