如何在angularjs中执行更新(PUT)调用?
我对angularjs是新手 我有以下UI模板DashBoard.html 单击“创建新事件”时,我正在将数据发布到服务器 在上面的屏幕截图中,=>是编辑功能 点击我在UI模板下面显示的铅笔符号。 管理CMS.html 现在我想用预先填充的值填充这些空文本框 还有,单击SAVE按钮,我想将数据更新到服务器 我怎样才能做到这一点 请帮忙 我正在尝试的代码:如何在angularjs中执行更新(PUT)调用?,angularjs,crud,Angularjs,Crud,我对angularjs是新手 我有以下UI模板DashBoard.html 单击“创建新事件”时,我正在将数据发布到服务器 在上面的屏幕截图中,=>是编辑功能 点击我在UI模板下面显示的铅笔符号。 管理CMS.html 现在我想用预先填充的值填充这些空文本框 还有,单击SAVE按钮,我想将数据更新到服务器 我怎样才能做到这一点 请帮忙 我正在尝试的代码: codeApp.controller('DashboardController', function($scope, $rootScope
codeApp.controller('DashboardController', function($scope, $rootScope, $location, $http) {
$scope.username = "Admin";
$scope.apps = [];
$scope.initController = function(){
var appDetails = new Array();
var appObject = new Object();
$scope.id = sessionStorage.id;
$http.get('http://192.168.1.30:8090/apps/').
success(function(data, status, headers, config) {
console.log(data);
for(var key in data._embedded.apps){
appObject = data._embedded.apps[key];
appDetails.push(appObject);
$rootScope.appId = data._embedded.apps[key].appId;
}
$scope.appDetails = appDetails;
}).
error(function(data, status, headers, config) {
alert("Failed to load app details");
});
};
$scope.go = function (path) {
$location.path(path);
var display = false;
if(!display){
}
};
$scope.addApp = function(){
$scope.apps.push({'name':$scope.name, 'domain': $scope.domain, 'appId' : $scope.appId, 'secret' : $scope.secret});
// Writing it to the server
//
var dataObj = {
name : $scope.name,
domain : $scope.domain,
appId : $scope.appId,
secret : $scope.secret
};
var res = $http.post('http://192.168.1.30:8090/apps/', dataObj);
res.success(function(data, status, headers, config) {
$scope.message = data;
});
res.error(function(data, status, headers, config) {
alert( "failure message: " + JSON.stringify({data: data}));
});
// Making the fields empty
//
$scope.name='';
$scope.domain='';
$scope.appId = '';
$scope.secret = '';
};
});
注意:相同的保存按钮用于服务器端功能,即POST和PUT单击编辑按钮可以传递该行的数据,最简单的方法是使用模式(我更喜欢使用基于引导的角度引导,通过角度ui)。
将ng repeat行的数据传递给modal,然后更新表单中的数据。保存时,您可以调用$http.put/post将数据更新到服务器。请显示您尝试\实现了什么?这个问题太笼统了,可以有多种方法。@Chandermani请看我添加的代码。你的问题是什么$http有一个put()方法,其工作方式与post()相同。所以当你想把它放进去而不是放进去时就用它。@JB基本上,当我点击编辑时,我需要在文本框中显示已经填充的值。那么怎么做呢?您发送一个GET请求来获取要显示的数据,并将这些数据存储在作用域中,视图希望找到它们的位置。我在单击“编辑”按钮时将数据传递到该行,但如何在HTML中利用它从传递的数据在文本框中显示这些值。如果使用angular ui引导模式,则可以将数据用作解析变量。他们网页上的例子很有说明性。一旦在范围中有了变量,就可以在视图中随时使用它。