如何拦截angularJs中的函数

Question

I have a directive called "my-dir" that I can't modified inside my project

<div ng-controller="MyCtrl">
  <my-dir>
    <button ng-click="doSomething()">Click it</button>
  </my-dir>
</div>

I need to do some checks before invoking doSomething function. I can't modified anything inside my-dir directive. Is there a way to intercept into MyCtrl the ng-click on the button?

Answer 1

If I understand correctly,

<div ng-controller="MyCtrl">
    <div ng-if = "[Function or variable] -> This can be an option to hide the button">
        <my-dir>
            <button ng-click="doSomething()">Click it</button>
        </my-dir>
    </div>

or you can override the directive but it is gonna be a bit more complex. You can check the following link, there is also a demo which can be helpful if you choose this way. AngularJS override directive controller function