AngularJs：コールコントローラー機能が外部から 'this'にバインドされました（ブラウザコンソールなど）

Question

私は以下のコードを持っていますが、ここではfoo(val)関数を外部のどこからでも呼び出すと仮定しましょう。

angular.module('app', []); 
angular.module('app') 
    .controller('MyController', MyController); 

function MyController() { 
    var self = this; 
    self.foo = function(val) { 
     console.log(val); 
    }; 
    return self; 
} 

以下のコードは、foo（）が$ scopeにバインドされている場合にのみ機能します。

angular.element(document.getElementById('MyController')).scope().foo('Hello'); 

周りのすべての作業はありますか私はこのために$scopeを使用するように強制されますか？

angular.module('app', []); 
angular.module('app') 
    .controller('MyController', MyController); 

function MyController() { 
    var self = this; 
    self.foo = function(val) { 
     console.log(val); 
    }; 
    window.callFoo = function(val) { 
     self.foo(val);  
    } 
    return self; 
} 

今、私はどこからこのwindow.callFoo（）関数を呼び出すことができる午前：周りの仕事を見つけ

Answer 1

コントローラは「controllerAs」構文でインスタンス化されると、thisコンテキストが指定された名前とスコープのプロパティにバインドされます。コンソールから実行上記のコマンドを実行します

<div id="MyController" ng-controller="MyController as vm"> 
    <button ng-click="vm.foo()"> 
     Click foo 
    </button> 
</div> 

$scope = angular.element(document.getElementById('MyController')).scope() 

$scope.vm.foo('Hello'); 
$scope.$apply(); 

をクリックしたのと同じ動作fooボタンをクリックします。

Answer 2

。私たちがJavaScriptでクロージャーを扱うようになったように思えます。 まだ誰かがより良いアプローチを見つけた場合。ここに投稿してください。