Angular和HTML5全屏API

Question

在我的主控制器中，我有一个函数可以针对全屏浏览器状态切换true / false，如下所示：

// Full Screen toggle
$scope.fsState = false;
$scope.fullScreen = function fullScreen(){
  function launchFS(element) {
    if (element.requestFullScreen) element.requestFullScreen();
    else if (element.mozRequestFullScreen) element.mozRequestFullScreen();
    else if (element.webkitRequestFullScreen) element.webkitRequestFullScreen();
  }
  function cancelFS() {
    if (document.cancelFullScreen) document.cancelFullScreen();
    else if (document.mozCancelFullScreen) document.mozCancelFullScreen();
    else if (document.webkitCancelFullScreen) document.webkitCancelFullScreen();
  }
  if($scope.fsState == false) launchFS(document.documentElement);
  else cancelFS(); $scope.fsState = !$scope.fsState;
};

在视图中...

<button class="btn" ng-click="fullScreen()">Toggle Fullscreen</button>

除了我导航到SPA中的另一页时，此方法工作正常。 每当我从主导航（也是在同一控制器中）中进行选择时，页面就会跳出全屏。 知道为什么Angular.js会这样做还是可以做什么以保持路由更改之间的状态？

Answer 1

您可能正在删除全屏元素并将其读取。 它应该在用户界面视图的顶部，类似

<body>
  <div class="fullscreen-container">
    <div ui-view></div>
  </div>
</body>

您也可以使用该项目来避免调用特定于供应商的功能https://github.com/hrajchert/angular-screenfull

Angular和HTML5全屏API

问题描述

1 个解决方案

解决方案1
0 已采纳 2015-03-30 15:26:19

Angular和HTML5全屏API

问题描述

1 个解决方案

解决方案1 0 已采纳 2015-03-30 15:26:19

解决方案1
0 已采纳 2015-03-30 15:26:19