Как вызвать директиву 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); 

} 

директива моей директивы создается следующим образом:

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

Проблема в том, что мне нужна директива для запуска только после того, как onSuccess закончил то, что он загрузил, а не раньше (то есть, я хочу видеть в conso le «в ответе» до «в директиве» и прямо сейчас я вижу «в директиве»)

Похоже, что-то можно сделать, но я не могу найти, как ... Любая помощь/идеи будут оценены!

EDIT: Я только что видел этот ответ: Wait for data in controller before link function is run in AngularJS directive Это не то, что я ищу, как функцию SomeFunction не зависит от директивы, и я хочу, чтобы оставаться как можно более независимыми (функция помещается в контроллере приложения, и я не хочу манипулировать просмотром прямо оттуда).

EDIT 2: Мне известно о возможности использования таймаута, но я бы предпочел использовать более общее решение. С таймаутом мне придется угадать, как долго ждать, и я не хочу полагаться на это.

EDIT 3: Я отредактировал функцию someFunction на более конкретную. Я не могу изменить структуру someFunction, и я не хочу делать работу директивы в onSuccess.

еще раз спасибо!

Answer 1

Если вы добавляете несколько прослушивателей событий к одному элементу, они выполняются в порядке вызовов addEventListener(). Например,

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

Сначала отобразится «Click 1», затем «Click 2». Это не похоже на Angular, потому что вы говорите, что директива срабатывает в первую очередь.

Если вы можете изменить директиву, я бы просто подождал 100 мс или около того.

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

, чтобы дать контроллеру время для выполнения своих задач.

Answer 2

Я рекомендую вам использовать другой подход. Не используйте нг щелчок, но передать вашу функцию в вашу директиву

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 
       }); 
      }); 
     } 
    } 
}); 

Пожалуйста, смотрите эту plunker: https://plnkr.co/edit/PaV6cCn0NmpBIVaJGAEL?p=preview

Предполагалось, функция возвращает обещание