AngularJS中update两次出现$promise属性无法识别的解决方法  更新时间:2017年01月05日 11:37:41   作者:TZQ_DO_Dreamer   最近在工作中用AngularJS中update了两次之后发现$promise属性无法识别了,后来通过查找相关的资料终于解决了,想着记录下方便自己或者有需要的朋友,所以本文主要介绍了AngularJS中update两次出现了$promise属性无法识别的解决方法,需要的朋友可以参考借鉴。 前言 本文主要介绍的是在AngularJS中update两次出现$promise属性无法识别的解决方法,下面话不多说,先来看看错误提示,然后再看看解决的办法吧。 一、错误信息如下: ERROR 2015-12-02 14:33:17,653 http-bio-8080-exec-42 o.s.s.r.i.e.InternalErrorExceptionMapper – Unrecognized field “$promise” (class com.inetpsa.fnd.rest.client.ClientRepresentation), not marked as ignorable (6 known properties: “lastName”, “address”, “telephone”, “clientId”, “mail”, “firstName”]) at [Source: org.apache.catalina.connector.CoyoteInputStream@1b9d797d; line: 1, column: 357] (through reference chain: com.inetpsa.fnd.rest.client.ClientRepresentation[“$promise”]) com.fasterxml.jackson.databind.exc.UnrecognizedPropertyException: Unrecognized field “$promise” (class com.inetpsa.fnd.rest.client.ClientRepresentation), not marked as ignorable (6 known properties: “lastName”, “address”, “telephone”, “clientId”, “mail”, “firstName”]) at [Source: org.apache.catalina.connector.CoyoteInputStream@1b9d797d; line: 1, column: 357] (through reference chain: com.inetpsa.fnd.rest.client.ClientRepresentation[“$promise”]) at com.fasterxml.jackson.databind.exc.UnrecognizedPropertyException.from(UnrecognizedPropertyException.java:51) ~[jackson-databind-2.4.4.jar:2.4.4] at com.fasterxml.jackson.databind.DeserializationContext.reportUnknownProperty(DeserializationContext.java:744) ~[jackson-databind-2.4.4.jar:2.4.4] at com.fasterxml.jackson.databind.deser.std.StdDeserializer.handleUnknownProperty(StdDeserializer.java:915) ~[jackson-databind-2.4.4.jar:2.4.4] at com.fasterxml.jackson.databind.deser.BeanDeserializerBase.handleUnknownProperty(BeanDeserializerBase.java:1306) ~[jackson-databind-2.4.4.jar:2.4.4] at com.fasterxml.jackson.databind.deser.BeanDeserializerBase.handleUnknownVanilla(BeanDeserializerBase.java:1284) ~[jackson-databind-2.4.4.jar:2.4.4] at com.fasterxml.jackson.databind.deser.BeanDeserializer.vanillaDeserialize(BeanDeserializer.java:243) ~[jackson-databind-2.4.4.jar:2.4.4] at com.fasterxml.jackson.databind.deser.BeanDeserializer.deserialize(BeanDeserializer.java:118) ~[jackson-databind-2.4.4.jar:2.4.4] 二、问题代码 Angular 自动会在返回的data数据中带上$promise属性。 在进行下面copy时将从data返回的数据copy到当前行用来显示,这样在进行update的操作时带的数据体中就包含了$promise属性,结果就会出现上述错误导致update失败。   三、更改如下: // ===============show the update modal dialog ================== $scope.tempRowEntityForUpdate; $scope.openUpdateClientPopup=function(){ $scope.form1.$setSubmitted(true); $scope.tempRowEntityForUpdate = {}; angular.copy($scope.currentSelectedRowEntity, $scope.tempRowEntityForUpdate); angular.element(‘#UpdateDialog’).modal({ backdrop: false }); }; $scope.updateClient=function(){ if($scope.form1.$submitted && $scope.form1.$valid){ Client.update({},$scope.tempRowEntityForUpdate,function(){ angular.copy($scope.tempRowEntityForUpdate,$scope.currentSelectedRowEntity); }); angular.element(‘#UpdateDialog’).modal(‘hide’); } }; 解决办法:不使用更新后获得的data数据,而是从当前的行模型中取得数据copy给当前选中的行即可。 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。 您可能感兴趣的文章: AngularJS中的promise用法分析 AngularJS中的Promise详细介绍及实例代码 AngularJS 中的Promise — $q服务详解 详解Javacript和AngularJS中的Promises AngularJS中处理多个promise的方式 Angularjs Promise实例详解 AngularJS update $promise 相关文章 AngularJS 中的Promise — $q服务详解 这篇文章主要介绍了AngularJS 中的Promise — $q服务详解方法的相关资料,需要的朋友可以参考下 2016-09-09 简介AngularJS的视图功能应用 这篇文章主要介绍了AngularJS的视图功能应用,包括ng-view和ng-template以及$routeProvider的使用,以及 $routeProvider 需要的朋友可以参考下 2015-06-06 AngularJS入门教程(二):AngularJS模板 这篇文章主要介绍了AngularJS入门教程(二):AngularJS模板,本文是系列文章的第三篇,本系列会用一个项目来讲解AngularJS的使用,需要的朋友可以参考下 2014-12-12 AngularJS入门示例之Hello World详解 这篇文章主要介绍了AngularJS入门示例之Hello World,较为详细的分析了AngularJS程序的原理及Hello World程序的创建步骤,需要的朋友可以参考下 2017-01-01 Angular 2父子组件数据传递之@Input和@Output详解 (上) 这篇文章主要给大家介绍了关于Angular 2父子组件数据传递之@Input和@Output的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来看看吧。 2017-07-07 AngularJS ng-bind-template 指令详解 本文注意介绍AngularJS ng-bind-template 指令,这里把相关资料整理了一下,并附实例代码,有需要的小伙伴可以参考下 2016-07-07 AngularJS自动表单验证 这篇文章主要介绍了AngularJS手动表单验证的相关资料,AngularJS的表单验证大致有两种,一种是手动验证,一种是自动验证,本文重点介绍AngularJS自动表单验证,感兴趣的小伙伴们可以参考一下 2016-02-02 angularJS 入门基础 这篇文章主要介绍了angularJS 入门基础的相关资料,需要的朋友可以参考下 2015-02-02 AngularJS中实现显示或隐藏动画效果的方式总结 AngularJS 是一组用于创建单页Web应用的丰富框架,给构建丰富交互地应用带来了所有功能,其中一项主要的特性是Angular对动画的支持。下面通过本文给大家介绍AngularJS中实现显示或隐藏动画效果的方式总结,对angularjs动画效果相关知识感兴趣的朋友一起学习 2015-12-12 Angular.js ng-file-upload结合springMVC的使用教程 这篇文章主要给大家介绍了关于Angular.js文件上传控件ng-file-upload结合springMVC的使用教程,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。 2017-07-07 最新评论

前言

本文主要介绍的是在AngularJS中update两次出现$promise属性无法识别的解决方法,下面话不多说,先来看看错误提示,然后再看看解决的办法吧。

一、错误信息如下:

ERROR 2015-12-02 14:33:17,653 http-bio-8080-exec-42 o.s.s.r.i.e.InternalErrorExceptionMapper - Unrecognized field "$promise" (class com.inetpsa.fnd.rest.client.ClientRepresentation), not marked as ignorable (6 known properties: "lastName", "address", "telephone", "clientId", "mail", "firstName"]) 
 at [Source: org.apache.catalina.connector.CoyoteInputStream@1b9d797d; line: 1, column: 357] (through reference chain: com.inetpsa.fnd.rest.client.ClientRepresentation["$promise"]) 
com.fasterxml.jackson.databind.exc.UnrecognizedPropertyException: Unrecognized field "$promise" (class com.inetpsa.fnd.rest.client.ClientRepresentation), not marked as ignorable (6 known properties: "lastName", "address", "telephone", "clientId", "mail", "firstName"]) 
 at [Source: org.apache.catalina.connector.CoyoteInputStream@1b9d797d; line: 1, column: 357] (through reference chain: com.inetpsa.fnd.rest.client.ClientRepresentation["$promise"]) 
 at com.fasterxml.jackson.databind.exc.UnrecognizedPropertyException.from(UnrecognizedPropertyException.java:51) ~[jackson-databind-2.4.4.jar:2.4.4] 
 at com.fasterxml.jackson.databind.DeserializationContext.reportUnknownProperty(DeserializationContext.java:744) ~[jackson-databind-2.4.4.jar:2.4.4] 
 at com.fasterxml.jackson.databind.deser.std.StdDeserializer.handleUnknownProperty(StdDeserializer.java:915) ~[jackson-databind-2.4.4.jar:2.4.4] 
 at com.fasterxml.jackson.databind.deser.BeanDeserializerBase.handleUnknownProperty(BeanDeserializerBase.java:1306) ~[jackson-databind-2.4.4.jar:2.4.4] 
 at com.fasterxml.jackson.databind.deser.BeanDeserializerBase.handleUnknownVanilla(BeanDeserializerBase.java:1284) ~[jackson-databind-2.4.4.jar:2.4.4] 
 at com.fasterxml.jackson.databind.deser.BeanDeserializer.vanillaDeserialize(BeanDeserializer.java:243) ~[jackson-databind-2.4.4.jar:2.4.4] 
 at com.fasterxml.jackson.databind.deser.BeanDeserializer.deserialize(BeanDeserializer.java:118) ~[jackson-databind-2.4.4.jar:2.4.4] 

二、问题代码

Angular 自动会在返回的data数据中带上$promise属性。

在进行下面copy时将从data返回的数据copy到当前行用来显示,这样在进行update的操作时带的数据体中就包含了$promise属性,结果就会出现上述错误导致update失败。  

三、更改如下:

// ===============show the update modal dialog ================== 
 $scope.tempRowEntityForUpdate; 
 $scope.openUpdateClientPopup=function(){ 
 $scope.form1.$setSubmitted(true); 
 $scope.tempRowEntityForUpdate = {}; 
 angular.copy($scope.currentSelectedRowEntity, $scope.tempRowEntityForUpdate); 
 angular.element('#UpdateDialog').modal({ 
 backdrop: false 
 }); 
 
 }; 
 
 $scope.updateClient=function(){ 
 if($scope.form1.$submitted && $scope.form1.$valid){ 
 Client.update({},$scope.tempRowEntityForUpdate,function(){ 
  angular.copy($scope.tempRowEntityForUpdate,$scope.currentSelectedRowEntity); 
 }); 
 
 angular.element('#UpdateDialog').modal('hide'); 
 } 
 }; 

解决办法:不使用更新后获得的data数据,而是从当前的行模型中取得数据copy给当前选中的行即可。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

您可能感兴趣的文章:

  • AngularJS中的promise用法分析
  • AngularJS中的Promise详细介绍及实例代码
  • AngularJS 中的Promise — $q服务详解
  • 详解Javacript和AngularJS中的Promises
  • AngularJS中处理多个promise的方式
  • Angularjs Promise实例详解
张贴在3