각도 1.5 메뉴에서 변수를 얻고 난에 = 내가 변수를 받고 NG-클래스보다 true로 그 변수를 설정하고 NG 클릭하여 메뉴를 만드는거야 사실

Question

각 1.5

로 설정 메뉴 및 내용.

활성 목표를 상위 항목과 콘텐츠 항목에 추가/제거하려면 클릭하십시오.

당신은 true에 ng-click에 직접 변수를 설정할 수 있습니다이 하나

<div ng-controller="myCtrl"> 
<ul> 
    <li class="animate" ng-class="{activelist: fonts ==!hidden }"> 
    <a ng-click="activeMenu('fonts')" class="nav-icon"> 
         menu font 
    </a> 
</li> 
    <li class="animate" ng-class="{activelist: edit ==!hidden }"> 
    <a ng-click="activeMenu('edit')" class="nav-icon"> 
         menu edit 
    </a> 
</li> 
<ul> 
<div class=""> 
<div class="fonttext" ng-class="{activelist: fonts ==!hidden }"></div> 
<div class="edittext" ng-class="{activelist: edit ==!hidden }" ></div> 
</div> 
</div> 


<script> 
var myapp = angular.module('app', []); 

myapp.controller('myCtrl', function($scope){ 
    $scope.activeMenu = function (menuvar){ 
//getting the variable that gets passed via func 
$scope.variable = menuvar; 

// set the variable to be true no working 
$scope.menuvar = true; 

    } 

}); 
</script> 

Answer 1

주위에 내 머리를 얻을 수 없습니다. 이 변수는 ng-class에서 동적으로 클래스를 추가 또는 제거 할 때 사용할 수 있습니다.

HTML :

<li class="animate" ng-class="{'activelist': menu.fonts }"> 
    <a ng-click="switchMenu('fonts')" class="nav-icon"></a> 
</li> 
<li class="animate" ng-class="{'activelist': menu.edit }"> 
    <a ng-click="switchMenu('edit')" class="nav-icon"></a> 
</li> 

컨트롤러 :

$scope.menu = {}; 
$scope.switchMenu = function(selectedMenu) { 
    $scope.menu[selectedMenu] = !$scope.menu[selectedMenu]; 
};