html中的程式碼:

<li class="dropdown" id="dropdown4">
    <a href="#"  class="dropdown-toggle" data-toggle="dropdown" ng-bind="window"><b class="caret"></b></a>
    <ul class="dropdown-menu" ng-controller="screen">
        <li id="view-fullscreen">
            <
 
a href="#"  ng-click="fullScreen()">全屏顯示</a>
        </li>
        <li class="divider"></li>
        <li id="cancel-fullscreen">
            <a href="#" ng-click="exitScreen()">退出全屏</a>
        </li>
        <li class="divider"></li>
        <
 
li id="sytemExit">
            <a href="#" ng-click="systemClose()">關閉視窗</a>
        </li>
    </ul>
</li>

angularjs的程式碼:

var apiGatewayCtrls = angular.module('apiGatewayCtrls', ['ionic']);

apiGatewayCtrls.controller('screen',function ($scope,$window) {
    $scope.fullScreen 
 
= function () {
        var viewFullScreen = document.getElementById("view-fullscreen");
        if (viewFullScreen) {
            viewFullScreen.addEventListener("click", function () {
                var docElm = 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 () {
        var cancelFullScreen = 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 () {
        var sytemExit = document.getElementById("sytemExit");
        if (sytemExit) {
            sytemExit.addEventListener("click", function () {
                if (confirm("您確定要關閉本系統嗎？")) {
                    $window.close();
                }
                else {
                }
            })
        }
    }
});

效果圖片: