为什么在 angularJS 中的 ng-repeat 中不起作用？

Question

我使用 angular 和视频 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>

我得到：

只有当我使用 ng-repeat 时才会发生这种情况

Answer 1

尝试将 div 包装在另一个包含 ng-if 的 div 中当所有视频数据都已加载时，使语句为真。您的问题可能是 dom 在通过 videojs 填充数据之前呈现的面孔。

编辑：我认为您的 'season' 变量是动态填充的。完成数据填充后，设置一个变量，例如 $scope.dataArrived = true。然后，执行：

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

为什么在 angularJS 中的 ng-repeat 中不起作用？

doesnt work in ng-repeat in angularJS why?

javascript

html5-video

angularjs

video.js