angular中ng-model,返回数据,拆分数据,展示,名称相同,重新赋值会有冲突

本文解决了Angular 1.X版本中输入框绑定多个值导致前端无法正确展示的问题,并提供了解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本问题出在angular,1.X版本,我用的是1.5的版本;

问题原因:

  <input type="number" ng-mode="a" />

  <input type="number" ng-mode="b" />

  后台要求存字段只存一个a ,值为a,b字符串拼接;、

  结果是能给后台发过去,后台也能存储;

问题:要求展示a、b的值时后台返回字段a,我用arr=a.split(,)分割,然后,$scope.a=parseInt(arr[0]);$scope.b=parseInt(arr[1]);因为input是number类型的要进行类型转换;

b的值能正常获取与展示;a的数值展示不出来,用console.log出来a的值也正常,但就是展示不出来;

最后我把a的type改为text,发现a展示的值是后台返回的a的值(也就是拼接字符串的值,不是截取后的值);

 

解决:我给后台发送两个字段一个a,一个b,后台进行拼接;返回给我时,截取成两个字段返给我,前台正常显示;

 

另一方法:把a的 ng-model改成其他名称,也可以解决问题;(本人未采用,因为a我还做了其他绑定,都需要用到ng-mode="a",所以就麻烦后台了)

 

转载于:https://www.cnblogs.com/lengyue0030/p/6250690.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值