Ionic框架下的Javascript函数(JWPlayer)只能在页面重新加载时工作,如何解决这个问题?

Ionic框架下的Javascript函数(JWPlayer)只能在页面重新加载时工作,如何解决这个问题?,javascript,angularjs,ionic-framework,ionic,jwplayer,Javascript,Angularjs,Ionic Framework,Ionic,Jwplayer,我正在尝试使用JWPlayer在Ionic应用程序上发布视频。但我面临一个问题 播放器仅在页面刷新时加载,而不是在我浏览视频列表时加载 以下是我的控制器的代码 .controller('VideosCtrl', function($scope, $http) { $http.get('http://www.example.com/api/apps-videos').success(function(data, status, headers, config) { $sco

我正在尝试使用JWPlayer在Ionic应用程序上发布视频。但我面临一个问题

播放器仅在页面刷新时加载,而不是在我浏览视频列表时加载

以下是我的控制器的代码

.controller('VideosCtrl', function($scope, $http) { $http.get('http://www.example.com/api/apps-videos').success(function(data, status, headers, config) { $scope.videos = data; $scope.video = data.filter(function(e){ return e.id === $stateParams.videoId; })[0]; jwplayer("jwPlayer").setup({ file: $scope.video.playurl, image: $scope.video.video_image, skin: "bekle" }); }); }) .controller('VideosCtrl',函数($scope,$http){ $http.get('http://www.example.com/api/apps-videos).success(函数(数据、状态、标题、配置){ $scope.videos=数据; $scope.video=data.filter(函数(e){ 返回e.id==$stateParams.videoId; })[0]; jwplayer(“jwplayer”)。设置({ 文件:$scope.video.playurl, 图像:$scope.video.video\u图像, 皮肤:“贝克尔” }); }); }) 因为我是一个noob,不知道如何将$scope变量传递给javascript,所以我在控制器本身中调用了jwplayer().setup()

当页面刷新时,它工作,但当任何其他视频的视图更改或从列表访问时,它不会再次工作

我如何解决这个问题?另外,如果有更好的方法,请告诉我


谢谢。

现在问题解决了。我已经关闭了缓存,并开始使用本地jwplayer js,而不是来自CDN的jwplayer js。现在一切都好了


谢谢大家。

您能否创建一个简单的Plnkr.co或Codepen示例,并使其适用于您?我不确定是否可以这样做,因为数据来自API,并且有太多链接文件。但我会试着做一个。