国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

更多QQ空间微信QQ好友腾讯朋友复制链接
您的位置:首頁/技術文章
文章詳情頁

angular.js - angularjs ng-animate在ng-repeat情況下不起作用問題

【字号: 作者:豬豬瀏覽:141日期:2024-09-28 16:37:02

問題描述

想要達到ng-repeat時ng-enter,ng-leave時延遲或者一些背景動畫的顯示,進一步使用ng-enter-stagging,讓多項不同時顯示出來,但是在ng-repeat構建列表時動畫都沒有展示。查不到問題,找了很多demo來試,都沒有辦法。下面是HTML代碼:

<pre><p ng-repeat='item in items' class='repeated-item'> {{ item}}</p></pre>

下面是css代碼:

.repeated-item{ border: solid 1px; opacity: 1; transition:3s linear all;}/*動畫開始前*/.repeated-item.ng-enter, .repeated-item.ng-move { -webkit-transition:3s linear all; -moz-transition:3s linear all; -o-transition:3s linear all; background-color: red; opacity:0;}

試過把動畫加到.repeated-item上去,還是不起效。請各位老師幫忙解答一下!麻煩大家了!

問題解答

回答1:

你確定你的transition是對的么?我怎么看到語法是:

angular.js - angularjs ng-animate在ng-repeat情況下不起作用問題

那怎么著也應該是:

.repeated-item{ border: solid 1px; opacity: 1; transition: all 3s linear;}回答2:

同問,求大神

回答3:

repeat的動畫是從無到有,加個按鈕把數據寫到items里面應該就可以有動畫了

相關文章:
主站蜘蛛池模板: 4tube高清性欧美 | 模特精品一区二区三区 | 久久精品国产99精品最新 | 亚洲成人午夜影院 | 久草在线免费资源站 | 手机看片欧美 | 日韩v在线 | 久热精品免费视频 | 欧美成人免费在线观看 | 特黄特黄aaaa级毛片免费看 | 黄色毛片视频校园交易 | 亚洲最新在线 | 三级毛片三级毛片 | 女高中生被cao到哭视频 | 亚洲免费久久 | 成人在线综合网 | 欧美久久久久久 | 国产一区二区三区成人久久片 | 亚洲看黄 | 久久99国产乱子伦精品免费 | 亚洲欧美日韩精品久久亚洲区色播 | 免费一级特黄欧美大片久久网 | 免费在线看a | 高跟丝袜美女一级毛片 | 免费一级欧美在线观看视频片 | 亚洲人的天堂男人爽爽爽 | aaa毛片手机在线现看 | 日本阿v视频在线观看高清 日本波多野结衣视频 | 久久综合精品视频 | 制服诱惑中文字幕 | 亚洲欧美日韩天堂 | 精品国产一区二区 | 国产一区二区在线播放 | 国产激情视频在线 | 成人午夜看片在线观看 | 天天看片欧美 | 精品国产乱码久久久久久一区二区 | 日韩在线精品 | 免费狼人久久香蕉网 | 97人摸人人澡人人人超一碰 | 欧美性三级 |