Question

这是问题所在。我正在使用Angular JS + Phonegap用于iPad应用程序，并且在关闭其中嵌入了视频的模态窗口后，我试图在页面上保持相同的路径。

我原来的问题是视频在关闭模态窗口后不会停止播放，所以我为onTouchStart添加了closeWindow()事件，如下所示：

<div class="modal-youtube" ng-class="{visible: modalActive}">
    <a class="close" href="#/mypage/#" eat-click ng-click="closeVideo()" onTouchStart="closeVideo()"></a>
    <iframe width="560" height="315" ng-show="youtubeLink" ng-src="{{youtubeLink}}" frameborder="0" allowfullscreen></iframe>
</div>

这适用于在关闭时停止视频，但是，当关闭视频时，现在它想要转到主页。我将href="#"更改为现在的href="#/mypage/#，以便至少保留在我想要的页面上，但不会停留在相同的路径中。

例如，我在不同的路线或网址上有几个不同的视频，例如：＃/ mypage / product1，＃/ mypage / product3，＃/ mypage / product6

以下是播放和关闭视频的功能：

$scope.youtubeLink = null;
$scope.modalActive = false;
$scope.playVideo = function() {
    $scope.youtubeLink = angular.copy($scope.product.youtube);
    $scope.modalActive = true;
};

$scope.closeVideo = function() {
    $scope.youtubeLink = null;
    $scope.modalActive = false;
};

任何修复或帮助表示赞赏！

在iPad上关闭Angular JS的模态窗口后，无法停留在同一页/路径上

0 个答案: