Angularjs如何在点击任何链接时掩盖整个身体

Angularjs How to mask unmask whole body when click on any link

本文关键字：掩盖 链接 任何 Angularjs      更新时间：2023-09-26

我正在处理Angularjs，没有找到任何方法来屏蔽我的html主体或div。

我尝试了ng show，但这对我来说不起作用

有人能告诉我如何使用anuglarjs禁用所有选项吗？可以使用屏蔽-取消屏蔽或一些加载屏幕。

编辑：
我希望我的屏幕被禁用，直到我的http请求没有从服务器返回。在Jquery中，这可以使用掩蔽和取消掩蔽来实现

看看这个：

https://github.com/DanWahlin/CustomerManagerStandard

特别是这个文件：

CustomerManager''app''wc.directives''directives''wcOverlay.js

这可能会对呃。。。您应该在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希望这能帮助呃…：）

相关文章：