angular.js更新模型
[英]angular.js Updating model
问题描述
如果您尝试下面的jsfiddle链接，请在标有“标记名称”的文本框中键入内容，然后单击“更新”按钮。 请注意，console.log> ParmAndValue.Value设置为您键入的值，符合预期。 但是现在输入其他内容，然后再次点击更新。 这次是不是更新了模型？ 怎么会？
https://jsfiddle.net/8evuoqLz/11/
<body ng-app="eApp">
<div id="sms" ng-controller="smsController" ng-cloak>
<ul id="paramsList" class="ulDynamic">
<li ng-repeat="actionParam in actions.SmsResponseActionParmAndValue" id="li_{{actionParam.Order}}">
<div ng-repeat="param in actionParam.ParmAndValue">
<label ng-bind="param.ParmName"></label>
<input ng-model="param.Value" type="{{param.SmsInputType}}" />
</div>
</li>
</ul>
<br>
javascript
var app = angular.module('eApp', []);
app.controller('smsController', function ($scope) {
$scope.actions = {"SmsResponseActionParmAndValue":[{"Description":"Tag User","Order":null,"ParmAndValue":[{"ParmId":9,"ParmName":"Tag Name","ParmType":"String","ParmVersion":"","Value":"","ValueId":null,"ValueVersion":"","ExtensionData":{},"Id":null,"Version":null}],"ExtensionData":{},"Id":10,"Version":"AAAAAAp96lg="}],"ExtensionData":{},"Id":null,"Version":null};
$scope.updateDetails = function () {
console.log("update");
console.log($scope.actions.SmsResponseActionParmAndValue);
};
});
3 个解决方案
解决方案1
1 已采纳 2016-02-11 23:43:04
您错过了SmsInputType的键ParmAndValue 。 现在，每次更新Value时。
"ParmAndValue": [{
"ParmId": 9,
"ParmName": "Tag Name",
"ParmType": "String",
"ParmVersion": "",
"Value": "",
"ValueId": null,
"ValueVersion": "",
"ExtensionData": {},
"Id": null,
"Version": null,
"SmsInputType": "text" //<---- This one
}],
这是完整的代码：
var app = angular.module('eApp', []);
//Controller
app.controller('smsController', function($scope) {
$scope.actions = {
"SmsResponseActionParmAndValue": [{
"Description": "Tag User",
"Order": null,
"ParmAndValue": [{
"ParmId": 9,
"ParmName": "Tag Name",
"ParmType": "String",
"ParmVersion": "",
"Value": "",
"ValueId": null,
"ValueVersion": "",
"ExtensionData": {},
"Id": null,
"Version": null,
"SmsInputType": "text"
}],
"ExtensionData": {},
"Id": 10,
"Version": "AAAAAAp96lg="
}],
"ExtensionData": {},
"Id": null,
"Version": null
};
$scope.updateDetails = function() {
console.log("update");
console.log($scope.actions.SmsResponseActionParmAndValue[0].ParmAndValue[0].Value);
console.log($scope.actions.SmsResponseActionParmAndValue);
};
});
解决方案2
1 2016-02-11 23:43:32
它也对我有效。
您的帖子的可能原因：
1）您浏览器的行为异常。
2）在“混乱”结构中查看错误的数据。
console.log($scope.actions.SmsResponseActionParmAndValue[0].ParmAndValue[0].Value);
解决方案3
0 2016-02-11 23:44:36
它为我更新了模型。 我检查了代码，看起来不错。 您确定不是在调试控制台中查看上一个对象，而是查看新对象吗？
Angular模型不更新-Angular.js
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.