AngularJS Library僅在刷新頁面后才起作用，如果我改變狀態則停止工作

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>

並添加了scripts / 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>

當我直接刷新頁面時，它工作正常。 但如果我改變狀態，它默認為常規視頻播放器。 我面臨的問題可能是什么？

國家定義看起來像這樣：

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>標記，則需要通過調用其函數手動設置播放器。

原因是video.js將掃描您的HTML並自動設置任何現有的<video>標簽，但不幸的是，當角度更新時，它無法觀察HTML中的更改。 （ 參考 ）

您可以在路徑控制器中添加手動設置代碼。

Answer 2

把你的代碼放在這里：

jQuery.noConflict();
        (function ($) {

       //your code

})(jQuery);