javascript - Angular - 我的函数正在无限循环中运行

Question

我正在尝试创建一个菜单，允许某些用户访问某些内容:

HTML

<ul class="dropdown-menu">
      <li><a href="/local" >Local</a></li>
      <li><a href="/fazenda" ng-class = "{botaodisabled:botoes('Fazenda')}">Fazenda</a></li>
      <li><a href="/gleba">Gleba</a></li>

在此示例中，'Fazenda' 将检查用户是否具有除函数 botoes('Fazenda') 之外的访问权限。最后菜单的所有项目都会获得这个函数来检查用户是否有权访问它。问题是我的函数不会为菜单的每个项目运行一次，从而创建无限循环。

Angular :

$scope.botoes = function(nome) {   
        console.log(nome);           
        $http.get('/botaopermissao/'+nome).success(function(data) {     
            console.log(data);       

            if(data == "Encontrado!"){
                return true;
            }else{
                return false;
            }
        });
    }

Answer 1

 function(nome) {   
    console.log(nome);           
    $http.get('/botaopermissao/'+nome).success(function(data) {     
        console.log(data);       

        if(data == "Encontrado!"){
            $scope.botoa= "what you want";
        }
        }
    });
}

因为您的方法在每个周期都会触发，这可能会导致无限迭代，所以最好在 Controller 内使用作用域。