html中的代码:
<liclass="dropdown"id="dropdown4"><ahref="#"class="dropdown-toggle"data-toggle="dropdown"ng-bind="window"><bclass="caret"></b></a><ulclass="dropdown-menu"ng-controller="screen"><liid="view-fullscreen"><ahref="#"ng-click="fullScreen()">全屏显示</a></li><liclass="divider"></li><liid="cancel-fullscreen"><ahref="#"ng-click="exitScreen()">退出全屏</a></li><liclass="divider"></li><liid="sytemExit"><ahref="#"ng-click="systemClose()">关闭窗口</a></li></ul></li>
angularjs的代码:
varapiGatewayCtrls=angular.module('apiGatewayCtrls', ['ionic']);
apiGatewayCtrls.controller('screen',function($scope,$window) {$scope.fullScreen =function() {varviewFullScreen =document.getElementById("view-fullscreen");if(viewFullScreen) {viewFullScreen.addEventListener("click",function() {vardocElm =document.documentElement;if(docElm.requestFullscreen) {docElm.requestFullscreen();}else if(docElm.msRequestFullscreen) {docElm =document.body;//overwrite the element (for IE) docElm.msRequestFullscreen();}else if(docElm.mozRequestFullScreen) {docElm.mozRequestFullScreen();}else if(docElm.webkitRequestFullScreen) {docElm.webkitRequestFullScreen();}},false);}}$scope.exitScreen =function() {varcancelFullScreen =document.getElementById("cancel-fullscreen");if(cancelFullScreen) {cancelFullScreen.addEventListener("click",function() {if(document.exitFullscreen) {document.exitFullscreen();}else if(document.msExitFullscreen) {document.msExitFullscreen();}else if(document.mozCancelFullScreen) {document.mozCancelFullScreen();}else if(document.webkitCancelFullScreen) {document.webkitCancelFullScreen();}},false);}}$scope.systemClose =function() {varsytemExit =document.getElementById("sytemExit");if(sytemExit) {sytemExit.addEventListener("click",function() {if(confirm("您确定要关闭本系统吗?")) {$window.close();}else{}})}}});
如果觉得《Angular的退出全屏 全屏显示以及关闭系统》对你有帮助,请点赞、收藏,并留下你的观点哦!