Question

我有张贴的json数据表单记录，我想编辑该表单onclick，我无法在表单中填充旧数据进行编辑。

<button style="margin:3px;" ng-click="put1(student)" onclick="opendiv();">Edit</button>

这里，student是一个数组，opendiv是打开模型对话框。

self.put1 = function(student){
var studentname = student.name;
        var studentid = student.id;
        var studenttype = student.type;

var data = { studentname : self.newstudent.name,
studentid = self.newstudent.id ,
studenttype =self.newstudent.type
}
$http.put('/rest/student',data)
    .success(function(data){
        alert("updated");   })
    .error(function(errResponse) {
        console.error('Error while fetching notes');
});
};

Answer 1

当您说：旧数据时，您的意思是： “我无法填充旧数据”？！
如果您将学生的数据称为旧数据，请确保使用ng-model指令将学生的数据正确绑定到表单的输入元素，如果您想使用AngularJS。

我的建议是：

使用$ scope或$ rootScope指令将学生的数据保存在角度控制器上，如“$ scope.student”。
使用ng-model指令在视图上显示学生列表

<form name="studentForm"> <input type="text" ng-model="student.name"/> <button ng-click="edit();">Edit</button> </form>。
ng-model =“student.name”会显示旧学生的姓名，因此您可以对其进行编辑。

在角度控制器中实现edit（）函数。像这样

$scope.edit = function(){ var data = $scope.student; /*the student's name is automatically updated because of two-way data-binding*/ $http.put('/rest/student',data) .success(function(data){ alert("updated"); }) .error(function(errResponse) { console.error('Error while fetching notes'); }); }

如何使用Angular JS编辑发布的数据？

1 个答案: