ブロードキャスト後にディレクティブデータが表示されない場合があります

Question

この厄介なバグが発生し、データをディレクティブにブロードキャストしますが、ディレクティブの$onは受信しません。

したがって、私のテーブルには何も表示されず、ユーザーにとってはひどいものです。

<div> 
    <h1>Test Results</h1> 
    ... 
    <results></results> 
</div> 

resultsCtrl.jsコントローラ：

$timeout(function() { 
    $rootScope.$broadcast('show-results', test_session.question_objects); 
}, 100); 

results.html指示テンプレート（取り除か最もフィールド）：

test_results.htmlは（ディレクティブのインスタンスを含みます）

<div class="results"> 
    <table class="table table-bordered table-striped"> 
     <thead> 
      <tr> 
       <td ng-if="average_times && !$root.is_mobile"> 
        <span ng-click="sortType = 'question.average_timing'; sortReverse = !sortReverse"> 
         Avg. Time 
        </span> 
       </td> 
      </tr> 
     </thead> 
     <tbody> 
      <tr ng-repeat="q in questions | orderBy:sortType:sortReverse | filter:searchQuestions track by $index"> 
       <td ng-if="q.average_timing && !$root.is_mobile" ng-click="$root.openDirections('question', q)">{{ q.average_timing }}</td> 
      </tr> 
     </tbody> 

    </table> 
</div> 

results.js指示：

scope.$on('show-results', function(event, test_session) { 
    setTestSessionData(test_session); 
}); 
... 
function setTestSessionData (test_session) { 
    scope.questions = test_session; 
} 

正確にこれが起こるのはいつかわかりません。最初はサイトを初めて読み込むと思っていましたが、それ以来、データをレンダリングしました。

Answer 1

$rootScope.$broadcastを実行するたびに、$scope.$onでそれらのイベントに登録したすべての子スコープがイベントを捕捉します。ディレクティブのスコープも同じです。イベントリスナーでモデルを更新すると、そのモデルはビューで更新されます。

の作業plunker：https://plnkr.co/edit/4iokGsfPH5IqNdecjaGd?p=preview