2016-07-01 4 views
0

я использовать угловые и видео JS, когда я пытаюсь загрузить свое видео:не работает в ng-repeat в angularJS почему?

<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

это происходит только тогда, когда я использую нг-повторить

ответ

1

Попробуйте обернуть, пока div в другом div, который содержит ng-if , делает утверждение истинным, когда загружаются все видеоданные. Ваша проблема может быть связана с тем, что dom обрабатывается до того, как данные будут заполнены через videojs.

Редактировать: Я думаю, что ваша переменная «сезон» заселяется динамически. После того, как ваша популяция данных будет выполнена, установите переменную, например $ scope.dataArrived = true. Затем выполните:

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

Я не совсем понимаю вас, можете ли вы изменить мой код? –

+0

Я думаю, что ваша переменная «сезон» заселяется динамически. После того, как ваша популяция данных будет выполнена, установите переменную, например $ scope.dataArrived = true. – Bharat

+0

он не работает, ( –