在angularJS的ng-repeat中不起作用的原因?

时间:2016-07-01 09:28:50

标签: javascript angularjs html5-video video.js

当我尝试加载视频时,我使用角度和视频js:

 <div class="col-md-8" ng-repeat='season in show_detail.season_in_show|filter:seasonbyID'>
                                <div class="player-block" ng-show='hasSubscription(season)'>
                                    <video id="serial-video" class="video-js"  controls="controls" preload="auto" height="450" data-setup='' ng-src="{{season.preview_video}}">
                                        <source ng-src="{{season.preview_video}}"  controls="controls" type='video/mp4'>
                                    </video>
                                </div>
</div>

我得到: enter image description here

enter image description here

只有在我使用ng-repeat

时才会发生

1 个答案:

答案 0 :(得分:1)

尝试在包含ng-if的另一个div中包装div 加载所有视频数据后使该语句成立。您的问题可能是在通过videojs填充数据之前呈现dom的面。

编辑: 我认为你的季节&#39;变量动态填充。完成数据填充后,设置一个变量,例如$ scope.dataArrived = true。 然后,执行:

<div ng-if="dataArrived">
//your dom code
</div>