Angular.js如何在單擊任何鏈接時遮罩整個身體

Question

我正在使用Angularjs ，但沒有找到任何方法來遮罩或取消遮蓋我的html主體或div。

我嘗試了ng-show，但是在我的情況下不起作用。

能讓我知道如何使用anuglarjs禁用所有選項，或者使用屏蔽取消屏蔽或某些加載屏幕。

編輯：
我希望禁用屏幕，直到服務器未返回我的http請求。 在Jquery中，可以使用遮罩和取消遮罩來實現

Answer 1

看看這個：

https://github.com/DanWahlin/CustomerManagerStandard

具體來說這個文件：

CustomerManager \\ app \\ wc.directives \\ directives \\ wcOverlay.js

Answer 2

可能對您有幫助。您應該在HTTP請求之前以及從服務器獲得響應后顯示一些覆蓋圖，然后將其隱藏即可。

<div ng-app="myApp" ng-controller="customersCtrl">
    <div id="overlay"></div>
    <ul>
        <li ng-repeat="x in names">{{ x.Name + ', ' + x.Country }}</li>
    </ul>
</div>

var app = angular.module('myApp', []);
app.controller('customersCtrl', function ($scope, $http) {

    $("#overlay").show();
    $http.get("http://www.w3schools.com/website/Customers_JSON.php")
        .success(function (response) {
        $scope.names = response;
        $("#overlay").hide();
    });
});

#overlay {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

這是正在工作的JsFiddle希望對您有所幫助... :)