javascript - Phaser 中的游戏 - AngularJS 中的 JavaScript 和事件

Question

如何从纯 JavaScript 执行 AngularJs 方法？

myApp.controller("someController",["$scope",function($scope){
  //Some code was here
  $scope.a = valueA;
  $scope.b = valueB
});

稍后在代码中想要执行一个函数，该函数在有效时可以执行 IF，如果是这种情况，将执行我的 AngularJS Controller 或其他内容。

function Clicked(){
if( was clicked correctly ){
    //execute my Controller and send some data to add to the DOM
}

我不希望我的 HTML 元素触发 Controller 内的函数。 我知道我可以从 AngularJS Controller 构建我的 Canvas ，然后，由于我位于 Controller 内部，我将可以更轻松地访问它。但是，我想知道是否有任何可以从 Angular 外部执行的方法，这样我就可以让我的 Controller 变得轻便而简单。

因为；我想做的是将 Phaser Framework 中的一个小游戏与 AngularJS 中制作的一些外部元素连接起来。把它想象成一台电视，底部和 Controller 位于 Phaser 中，而屏幕是 Angular 部分。所以基本上，当 Phaser 部分发生某些事情时，我想与 Angular 部分进行沟通。

Answer 1

终于找到解决办法了

var intermediary;

myApp.controller("someController", ["$scope",function($scope){

  intermediary = function(fn){
        var phase = $scope.$root.$$phase;
        var value;
        if(phase == '$apply' || phase == '$digest') {
            if(fn && (typeof(fn) === 'function')) {
                value = fn();
                if(value){
                    $scope.valIntermediary = value;
                }
            }
        } else {
            $scope.$apply(function() {
                value = fn();
                if (value) {
                    $scope.valIntermediary = value;
                }
            });
        }
    };

  $scope.$watch("valIntermediary",function(){
      //Do something whit a value var inside my controller
  });
}]};

if(intermediary){
   intermediary(function(value) {
      return { /*Some data when click is true*/}
   })
}