指令数据有时不会在广播后出现

Question

我收到了Angular的这个令人讨厌的错误，我向指令广播了数据，但指令的$on没有收到它。

因此，我的表格根本不填充，看起来对用户来说很糟糕。

test_results.html（包含指令的实例）：

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

resultsCtrl.js控制器：

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

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