AngularJS-使用指令在內部元素中單擊時隱藏div

Question

單擊此框內的鏈接時，我試圖隱藏一個框。

一旦框被隱藏，我將不使用指令來添加更多代碼並保持其通用性，以便將其與其他視圖一起使用。

我嘗試使用隔離范圍，但我想我做錯了方法。

這是一個小提琴鏈接： http : //jsfiddle.net/rJvqf/

我的控制器中有個：

$scope.hideLoginBox = false;

在我看來，我有一個ng-hide =“ hideLoginBox”的div

<div ng-app="MyApp">
  <div ng-controller="MyController">
    <div class="base" ng-hide="hideLoginBox">
        <p>outer</p>
            <div class="child">
                <a href="" my-test="" hidebox="hideLoginBox" >
                    innner
                </a>
            </div>
    </div>
  </div>
</div>

當我單擊鏈接時，我想使用指令myTest隱藏該div。

我不知道該怎么做。

謝謝你的幫助！

問候，埃里克

Answer 1

就快到了。 您只需要一個scope.$apply因為您處於元素的bind事件中，我將其更改為綁定為click而不是mousedown 。

這是一個工作的jsfiddle 。

變化：

  element.on('click', function(event) {
    scope.hideLoginBox = true;
    scope.hidebox = true;
    scope.$apply();
    console.log(scope);   
  });