如何使用 ID 隐藏链接？答案

<ul id="menu-content"> <li><a href="HomePage" id="HomeId"><spring:message code="label.home"/></a></li> <li><a href="loginPage" id="loginPageId"><spring:message code="label.login" /></a></li> <li><a href="define" id="defineId"><spring:message code="label.define" /></a></li> </ul>

'use strict'; app.factory('actionToPerform',['$http', function($http) { return { getCustomMenus: function($scope,data) { angular.forEach(data, function(key,value) { angular.forEach(key, function(k,v) { var id=k.Identification; var div = document.getElementById(id); if(div !== null){ if (div.style.display !== 'none') { div.style.display = 'none'; } } }); }); return "Hello, World!"; } }; }]);

【解决方案1】：

您可以使用 AngularJS 的 E2E 绑定轻松完成。例如使用ng-hide。 AngularJS 非常特殊，它提供了诸如 E2E 绑定之类的功能。这样你就不需要像以前那样进行 DOM 注入了。

我还从 DOM 中删除了属性 id。使用 AngularJS 方式时不需要它们。

这是一个如何使用 AngularJS 实现显示/隐藏某些元素的示例。在这种情况下，需要按下按钮来隐藏元素。您还可以通过注入 $scope 参数（如 $scope.toggleMenuItem('homeId')）来隐藏控制器或其他函数中的元素。

查看

<div ng-app="myApp">
    <div ng-controller="testController">
        <ul id="menu-content">
            <li><a href="HomePage" ng-hide="menuState.homeId"><spring:message code="label.home"/></a></li>
            <li><a href="loginPage" ng-hide="menuState.loginPageId"><spring:message code="label.login" /></a></li>
            <li><a href="define" ng-hide="menuState.defineId"><spring:message code="label.define" /></a></li>
        </ul>

        <button ng-click="toggleMenuItem('homeId')">Toggle menu entry 1</button>
        <button ng-click="toggleMenuItem('loginPageId')">Toggle menu entry 2</button>
        <button ng-click="toggleMenuItem('defineId')">Toggle menu entry 3</button>
    </div>
</div>

AngularJS 应用程序/控制器

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

myApp.controller('testController', ['$scope', function($scope) {
    $scope.menuState = {
        homeId: false,
        loginPageId: false,
        defineId: false,
     };

    $scope.toggleMenuItem = function (menuId) {
      if (angular.isDefined($scope.menuState[menuId])) {
         $scope.menuState[menuId] = !$scope.menuState[menuId];
      }
    }
}]);

【讨论】：