2016-07-01 14 views
0

私は私のビデオをロードしようとすると、私は、角度やビデオJSを使用します。なぜangJSのng-repeatで動作しないのですか?

<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
NG・リピートを使用する場合にのみそれが起こります

ng-if を含む別のdivでdivを折り返してみて、すべてのビデオデータがロードされたときにステートメントをtrueにします。あなたの問題は、データがvideojsを介して入力される前にdomがレンダリングされてしまうという問題があります。

編集: 私はあなたの 'シーズ'変数が動的に設定されると思っています。データの集計が完了したら、変数$ scope.dataArrived = trueを設定します。 次に、実行してください:

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

私は完全に理解していません、問題のコードを変更できますか? –

+0

私はあなたの 'シーズ'変数が動的に設定されると思っています。データの集計が完了したら、変数$ scope.dataArrived = trueを設定します。 – Bharat

+0

それは動作しません、( –

関連する問題