Angularjs：私は、カスタムディレクティブで、このシンプルなアプリを持っており、それは、コントローラの右の順

Question

にコントローラとディレクティブのリンクから$タイムアウトコールバックを実行します。

angular.module('app', []) 
.directive('customDir', function($timeout){ 
    return { 
     restrict: 'E', 
     template: 'custom dir template', 
     controller: 'customDirCtrl', 
     link: function() { 
      $timeout(function(){ 
      console.log('link'); 
      }); 
     } 
    } 
}) 
.controller('customDirCtrl', function($timeout) { 
    $timeout(function(){ 
      console.log('ctrl'); 
      }).then(function(){ 
    }); 
}); 

ディレクティブのリンク機能とコントローラの両方がどのタイムアウトコールバックが含まれています上記の場合、ctrlの関数、linkの関数の順に実行されます。ここをクリックしてください：https://codepen.io/neptune01/pen/EoxgvV

私が必要とするのは、コントローラのタイムアウトコールバックがディレクティブのリンクからのコールバック後に実行されるようにすることです。それ、どうやったら出来るの？

Answer 1

initialization of the directiveは同じ順序でこれらの4つのイベントで構成されています

1. がコンパイル
2. コントローラ
3. リンク前

だから、あなたが必要

ポストリンクそのタイムアウトをコントローラの初期化の前に実行する代わりに、compile関数に移動します。

Answer 2

ディレクティブに何らかのイベントがある場合は、その要素をバインドして変更できますが、タイムアウトを行うことができます。あなたが変数を持っていれば、$ watchを使うことができます。もし他のイベントがあるなら$ onと$ emitを使ってそのイベントをコントローラに送ることができます。それはかなり解決策ではありませんが、うまくいく可能性があります。

Answer 3

タイムアウトが

angular.module('app', []) 
.directive('customDir', function($timeout){ 
    return { 
    restrict: 'E', 
    template: 'custom dir template', 
    controller: 'customDirCtrl', 
    link: function ($scope) { 
     $timeout(function(){ 
     console.log('link'); 
     $scope.$broadcast('linkTimeoutDone')    
     }); 
    } 
} 
}) 
.controller('customDirCtrl', function($scope) { 
    $scope.$on('linkTimeoutDone', function() { 
    console.log('ctrl'); 
    }); 
});