Javascript AngularJS库只有在我刷新页面后才能工作，如果我更改状态，它就会停止工作

我在用图书馆。我使用了网站上的示例代码：

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

---

如果仅在页面加载完成后才添加

标记，则需要通过调用其手动设置播放机

原因是

video.js

将自动扫描您的HTML并设置任何现有的

标记，但不幸的是，当angular更新它时，它无法查看HTML中的更改。（）

---

您可以在路线控制器中添加手动设置代码。

只需将代码放在以下内容中：

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

       //your code

})(jQuery);

---

你能用plunkr重现这个问题吗？我认为这是不可能的。我正在开发一个大型应用程序，它需要复制一大块角度代码来完成。。。我只是希望有人有类似的问题。你能在这里发布路由器的相关部分吗？默认为常规视频方式？@slacker我认为库会定制视频播放器，如果他更改状态，它将不再适用，并返回html5默认视频播放器（如果您尝试在浏览器上放置视频，或者只是在新选项卡中放置流媒体链接，您会看到它，有时它可以工作，并且默认由html5阅读器读取）谢谢！但是如果你在同一页上有一些视频，你会怎么做？我认为普通的选择器应该可以工作。不确定你是否可以使用类选择器同时设置多个视频，如果不能使用不同的id或类名。

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"
                }
            }
        })
});

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

       //your code

})(jQuery);