AngularJSライブラリは、ページを更新した後でのみ動作します。状態が変わった場合、動作が停止します。

Question

私はライブラリvideo.jsを使用しています。私は、ウェブサイトからサンプルコードを使用：

<video id="my-video" class="video-js vjs-default-skin" controls 
preload="auto" width="1000" height="600" data-setup='{ "playbackRates": [1, 
1.5, 2] }'> 
     <source src="file\undefined\1501667652598.mp4" type="video/mp4"> 
</video> 

をとスクリプト/ cssの追加：私はストレートページを更新すると

<link href="http://vjs.zencdn.net/6.2.4/video-js.css" rel="stylesheet"> 
<script src="http://vjs.zencdn.net/6.2.4/video.js"></script> 

を、それが正常に動作します。しかし、状態を変更すると、デフォルトのビデオプレーヤーがデフォルトになります。私が直面している問題は何か？

国の定義は以下のようになります。あなたは、そのfunction<video>タグは唯一のページのロードの後に​​追加された場合は、完全を呼び出すことにより、手動でセットアップするためにプレーヤーを必要とする

angular.module("pamm").config(function ($stateProvider) { 
    $stateProvider 
     .state("user.topic", { 
      url: "/topic", 
      views: { 
       "content@user": { 
        templateUrl: "feature/user/topic/topic-list.html" 
       } 
      }, 
      params: { 
       section: null, 
       type: null 
      } 
     }) 
     .state("user.topic.details", { 
      url: "/details/:id", 
      views: { 
       "content@user": { 
        templateUrl: "feature/user/topic/topic-details.html" 
       } 
      }, 
      params: {course: null} 
     }) 
     .state("user.topic.result", { 
      url: "/result", 
      views: { 
       "content@user": { 
        templateUrl: "feature/user/topic/topic-result.html" 
       } 
      } 
     }) 
}); 

Answer 1

。

理由はvideo.jsです。あなたのHTMLをスキャンして既存の<video>タグを自動的に設定しますが、残念ながら角度更新時にHTMLの変更を見ることはできません。 （reference）

ルートコントローラ内に手動設定コードを追加できます。