Javascript 在更新数据中使用时,ng模型值不起作用
当我在控制器中使用此代码时。我认为ng模式可以基于投入产出价值吗 ng model=“$scope.title” 但是当我更新代码中的数据时。我很困惑,因为ng模型可以输出值,但值仍然输出data.title,即使我编辑了title输入 我在“tes1234”中编辑了此表单,但输出仍然是“tes” 有人给我答案吗?谢谢 已更新 这是我的HTML代码:Javascript 在更新数据中使用时,ng模型值不起作用,javascript,angularjs,angularjs-scope,angularjs-ng-model,Javascript,Angularjs,Angularjs Scope,Angularjs Ng Model,当我在控制器中使用此代码时。我认为ng模式可以基于投入产出价值吗 ng model=“$scope.title” 但是当我更新代码中的数据时。我很困惑,因为ng模型可以输出值,但值仍然输出data.title,即使我编辑了title输入 我在“tes1234”中编辑了此表单,但输出仍然是“tes” 有人给我答案吗?谢谢 已更新 这是我的HTML代码: <div class="form-group"> <label class="control-label col-md-3"&
<div class="form-group">
<label class="control-label col-md-3">Title</label>
<div class="col-md-6">
<input type="text" name="title" class="form-control" ng-model="title">
</div>
</div>
HttpService("POST", url, param, function(response){
$scope.parsing = angular.fromJson(response.data);
$scope.result = {};
angular.forEach($scope.parsing, function(item){
$scope.result[item._id] = item;
});
});
这是GetData(),用于根据单击的内容获取数据并在我的表单中传递
<tbody ng-repeat="data in result">
<tr>
<td>
{{$index + 1}}
</td>
<td>
{{ data._id }}
</td>
<td>
{{ data.title }}
</td>
<td>
{{ data.category.label }}
</td>
<td>
{{ data.user.name }}
</td>
<td width="20%">
<button type="button" class="btn btn-primary" ng-click="getData(data)"><i class="fa fa-edit"></i> Edit</button>
<button type="button" class="btn btn-danger"><i class="fa fa-trash"></i> Delete</button>
</td>
</tr>
</tbody>
$scope.getData = function(data) {
$scope.title = data.title;
}
这是我在数据更新后保存的内容
$scope.Save = function() {
var data = $.param({
title : $scope.title,
});
console.log(data);
};
基于API的数据对象
{
"status": "200",
"data": [
{
"_id": "589c0484a6551f948e1d6914",
"parent_id": 0,
"parent_source": 0,
"category_id": "58942caba6551fd2c3347371",
"user_id": "58942d43a6551fd7123bdcb1",
"active": 1,
"status": 1,
"title": "coba tes",
"description": "coba tes",
"url": "coba-tes_6llapm",
"extra": "EXTRA",
"responded": "2017-02-09 12:56:20",
"level": 0,
"editor_pick": 0,
"up_vote": 0,
"down_vote": 0,
"revision": 0,
"answer_count": 2,
"updated_at": "2017-02-09 13:04:14",
"created_at": "2017-02-09 12:56:20",
"tags": [],
"user": {
"_id": "58942d43a6551fd7123bdcb1",
"status": 1,
"username": "asdasdad",
"email": "asdasdasd@gmail.com",
"image": "https://scontent.xx.fbcdn.net/v/t1.0-1/p50x50/16299070_1114043338706757_6701359761657365227_n.jpg?oh=7ed22de2d576dc9d3cfd6a89aa386153&oe=5942BC1F",
"about": "ini saya, saya suka makan dan belanja",
"ref_id": "https://www.facebook.com/app_scoped_user_id/1104332756344482/",
"name": "asdasd",
"login_ip": "192.168.100.4",
"notif_check": "2017-02-03 14:12:03",
"token": "$2y$10$EMGp1wWnnPUDRJ/dSybCIeei88jROcAqsAsgXri2l8j/H8FMSt5iS",
"updated_at": "2017-02-10 10:52:33",
"created_at": "2017-02-03 14:12:03"
},
"category": {
"_id": "58942caba6551fd2c3347371",
"label": "My Kids and I",
"active": 1,
"url": "my-kids-and-i",
"parent_id": 0,
"level": 0,
"dfp_interest": "[]",
"meta_title": "",
"meta_description": "",
"meta_keyword": "",
"updated_at": "2017-02-03 14:09:31",
"created_at": "2017-02-03 14:09:31"
}
}]
}
只需将
var data=$.param…
更改为$scope.data=$.param…
,我添加了演示
var-app=angular.module('myApp',[]);
app.controller('customersCtrl',函数($scope,$http){
$scope.result={
“状态”:“200”,
“数据”:[{
“_id”:“589c0484a6551f948e1d6914”,
“父项id”:0,
“标题”:“coba tes”,
}]
}
$scope.getData=函数(数据){
控制台日志(数据);
$scope.title=data.title;
};
$scope.save=函数(){
log($scope.title);
$scope.title;
}
});代码>
标题
{{$index+1}}
{{data._id}}
{{data.title}
{{data.category.label}
{{data.user.name}
编辑
删除
拯救
像这样更改getDate函数
$scope.getData = function(data) {
$scope.title = data[0].title;
}
很抱歉,为什么要使用$scope.getData。。要检索标题的值。。没有必要。。标题总是与文本框中设置的值绑定(实时)为什么您不只是这样做$scope.Save=function(){var data={title:$scope.title,};console.log(data);};您所指的数据是什么?单击“=“getData(data)”
Yes,$scope.getData可检索标题的值。我用它来填表格。我需要更新“”中的数据数据,并从APIPlease控制台中检索结果请记录传递给$scope.data
函数的数据
值,并查看其记录内容该值未定义不起作用,并显示“无法读取未定义的属性‘标题’”是,您的代码成功地获取了基于值的单击,但我的意思是,当我更改值时,输出仍然基于单击。我的期望是,当我改变值时,输出变为omg,我感到困惑。您的代码与我相同,但您的代码正常工作。我的代码不起作用