angularjs - 显示隐藏元素时调用函数

Question

当 ng-show 设置为 true 并且前一个隐藏元素可见时，是否可以调用 Controller 上的函数？当它内部的元素从隐藏变为可见时，我需要一个指令来运行一个函数。

  <div ng-show="showOrNot" >
  This is secret text.
  <my-directive> I need to call a function </my-directive>
  </div>

Answer 1

您可以简单地通过 showOrNot范围到您的指令的范围。然后$watch它并在值更改后添加所需的逻辑。

简单地:

<my-directive value-to-watch="showOrNot">I need to call a function</my-directive>

然后指令:

angular.module('app').directive('myDirective', function() {
  return {
    restrict:'E',
    scope: {
      valueToWatch:'='
    },
    controller: function($scope) {
       $scope.$watch('valueToWatch', function (newValue, oldValue) {
          //Case when new value is true and old value is false
          if(newValue && !oldValue) {
             //Call the function you want
          }
       });
    }
  }
})