컨트롤러 변수를 지시문에서 변경하여 ng-show에 전달 - 각도 JS

Question

지시어에서 컨트롤러 변수를 변경 한 다음 업데이트 된 값을 ng-show로 전달해야합니다. 아래에 내 코드를 참조하십시오 :

컨트롤러 :

self.menuVisible = false; 

지침 :

icon.bind('click', function(){ 
    scope.menuCtrl.menuVisible = true; 
}) 

참고 :이 질문에 관련이없는 지시어에 더 많은 코드 라인, 그리고 이것이 ng-click으로 전달할 수있는 컨트롤러 함수 대신 지시문을 사용하는 이유입니다.

보기 : 보이는 아무것도 요소 클릭에서 발생하지 않지만, 내가 DevTools로의 menuCtrl.menuVisible를 확인할 때 작업 후 true를 돌려

<div class="menu-item" ng-show="menuCtrl.menuVisible"></div> 
<div class="icon" my-directive></div> 

.

내가 뭘 잘못하고 있는지 설명해 주시겠습니까?

미리 감사드립니다.

Answer 1

당신이 $digest 루프 내부에 변수를 업데이트하지 않는 대부분의 경우,이 같은 시도 :

icon.bind('click', function(){ 
    $scope.$apply(function() { 
     scope.menuCtrl.menuVisible = true; 
    } 
})