另一个函数返回后如何调用Angularjs指令？

Question

我的网站上有一个类似于以下的代码：

<div ng-click=someFunction() my-directive>...</div>
<div ng-show=showMe>...</div>

someFunction() 函数如下所示：

function onSuccess() {
    // do something
    console.log("in response")
}
function someFunction() {
    $http( 
        {
         ...
         }).then(onSuccess);

}

指令my-directive的创建如下：

app.directive(myDirective, function() {
    return {
        restrict: 'A',
        link: function(scope, $elm) {
                $elm.on('click', function() {
                    console.log("in directive");
                    //do something
                });
        }
    }
});

问题是我需要指令仅在 onSuccess 完成加载后而不是之前触发（即，我想在控制台中看到“in 指令”之前的“响应”，现在我看到“in指令”第一）

看起来可行，但我找不到如何... 任何帮助/想法将不胜感激！

编辑： 我刚刚看到了这个答案：Wait for data in controller before link function is run in AngularJS directive 这不是我想要的，因为函数 someFunction 独立于指令，我希望它尽可能保持独立（该函数放置在应用程序的控制器中，我不想直接从那里操作视图）。

编辑 2： 我知道使用超时的可能性，但我宁愿使用更通用的解决方案。如果超时，我将不得不猜测要等待多长时间，我不想依赖它。

编辑 3： 我将函数 someFunction 编辑为更具体的函数。我无法更改 someFunction 的结构，也不想在 onSuccess 中执行指令的工作。

再次感谢！

Answer 1

如果您将多个事件侦听器添加到同一个元素，它们将按照addEventListener() 调用的顺序执行。例如

e.addEventListener('click', function(){ console.log('Click 1'); });
e.addEventListener('click', function(){ console.log('Click 2'); });

将首先显示“单击 1”，然后显示“单击 2”。 Angular 似乎并非如此，因为您说指令首先触发。

如果你可以修改指令，我会等待 100 毫秒左右。

link: function(scope, $elm) {
    $elm.on('click', function() {
        $timeout(function(){
            console.log("in directive");
                //do something
            });
        }, 100);
    }

给控制器时间做它的事情。

Answer 2

我向您推荐，使用另一种方法。不要使用 ng-click 而是将你的函数传递给你的指令

app.directive(myDirective, function() {
   return {
       restrict: 'A',
       link: function(scope, $elm, iattrs) {
            $elm.on('click', function() {
                scope.$eval(iattrs.myDirective)
                .then(function(response) {
                   console.log("in directive");
                   //do something
                });
            });
       }
   }
});

请看这个插件：https://plnkr.co/edit/PaV6cCn0NmpBIVaJGAEL?p=preview

它假设函数返回一个承诺