AngularJS循环Map出现位置错乱解决方法

angularJS在1.4版本之前,针对Map的循环处理方式是通过 ng-repeat="(k1,v1) in Map" 获取其他方式遍历在页面绘制.但是有个问题,就是针对Map,其展示顺序和源数据是不一致的。这个问题在新版本的angularjs中已优化,但是低版本依然存在。不管是hashmap还是linkedhashmap  都是顺序错乱的。

  解决办法也很简单,就是在map的key增加数字或字母的前缀 如 1_key:value . 2_key:value。。

就是给key人为增加排序字段,在展示的时候,通过1_key,split("_")[1] 取得原key值,解决排序错乱问题。

 

如果不喜欢这种方式,也可以把map中数据放入List<>中循环也行

 

posted @ 2020-04-22 14:57  塞壬的港湾  阅读(602)  评论(0编辑  收藏  举报