avalon中某个元素样式是根据后台数据设置的,如何在页面一开始的时候就能立即设置元素的样式?

种花家的小小兔
  • 43

clipboard.png

如上图,图中语音长度是根据录音长度确定的,现在将该样式写在init函数中,结果在页面加载的时候会跳动,也就是初始化长度不对

function init(data){  
               for(var i=0;i<vm.msgs.length;){
                    var str=parseInt(vm.msgs[i].CONTENT_LENGTH);
                    var element=document.getElementById("voiceContent"+i);
                    var len=parseInt(str);
                    
                    if(element){
                        if(len<3){
                            element.style.width='63px';   
                        }else{
                             element.style.width=(63+len)+'px';
                       }
                        i++;
                    }else{
                       i++;
                    }
               }
 }

页面刚一加载的时候如下:

clipboard.png

之前没用过这个框架,很多东西很模糊,也不知道怎么操作,试了$watch并不行,求大神指点,非常感谢!

补充: 查资料后用过define定义变量来试过,结果发现该变量只保存最开始的值,也就是页面上所有的语音长度是一样的。

clipboard.png

clipboard.png

这个做法语音长度一直是最初的值,没有变化

回复
阅读 1.1k
1 个回答

可以在获取后台数据之后再渲染

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏