带有回调函数的 Angularjs 1.5 组件模式，由 IE11 中的嵌入式对象多次调用，不更新 Angular 绑定

问：

在 IE 11 中，我有一个 Angularjs 1.5 模态组件，如下所示。模式打开，并在渲染事件时调用angular应用程序外部的函数，其中包含此组件中包含的回调函数。此外部函数启动一个安装过程，该过程启动嵌入对象，如下所示，然后定期调用回调函数。

我遇到的问题是，在从嵌入式对象调用调用的每个回调函数上，模板中没有更新绑定。控制台.log已执行，我可以在控制台中看到该消息。 绑定最初使用“启动进程”进行更新，因此绑定是正确的

<span ng-bind="$ctrl.messages[$ctrl.messages.length - 1]"></span>

我尝试按如下方式调用scope.apply，但没有任何反应。只有当 initiateprocess 完成时，绑定才会使用最终回调调用中显示的最后一条消息进行更新。因此，initiateprocess 函数阻止了绑定，但没有阻止控制台 .log 的

这是处理多个回调和更新绑定的正确方法吗

  angular.module('components')
  .component('testModal', {
    bindings:{
      modalInstance: '<',
      resolve: '=',
      dismiss: '&',
      close: '&'
    },
    controller: TestController,
    templateUrl: 'scripts/components/TestModal.html'
});

TestController.$inject = ['$scope'];
function TestController($scope) {
  var ctrl = this;

  ctrl.$onInit = function(){
    ctrl.messages = [];
    ctrl.messages.push('starting process');
  };

  ctrl.modalInstance.rendered.then(function(){
    CallVanillaJSFunction(callback); 
  });

  function callback(message){
    ctrl.messages.push(message);
    console.log(ctrl.messages[ctrl.messages.length - 1]);
    CheckScopeBeforeApply();
  }

  function CheckScopeBeforeApply() {
    if(!$scope.$$phase) {
      $scope.$apply();
      console.log('scope applied');
    }
  };

}

香草功能

var globalCallback;

function CallVanillaJSFunction(callback){
    globalCallback = callback;
    var complete = initiateprocess();
    globalCallback(complete);
}

嵌入对象

<OBJECT ID="testObj" CLASS......
<SCRIPT language=javascript for=testObj event="OnEvent(message);">
      if(navigator.userAgent.indexOf("Trident") != -1)
      {
         globalCallback(message);
      }
    </SCRIPT>

这个问题已被标记为重复，但看了重复项后，我认为它不一样。全局回调函数可以被多次调用，而 angular 应用程序不知道会被调用多少次。