javascript - 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

尝试将 while div 包装在另一个包含 ng-if 的 div 中当所有视频数据加载完毕后，使该语句为 true。您的问题可能是在通过 videojs 填充数据之前渲染 dom 的面。

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

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