角度でのコンテキストバインディング

Question

ローカライゼーションを達成するためにイベントlangChangeをブロードキャストしました。 ここでの問題は、langChangeも解雇されたときに、このコントローラーが接続されているページに入るときにthis.loadContent()と呼ぶエレガントな方法を見つけることです。 それはbind(this)私は私が推測したいことをやりません。

var $this=this; [...]のようなthisエイリアス解決策は避けます。

app.controller('ctrl', ["$scope","Service", 
    function($scope,Service){ 
     this.loadContent = (function(){ 
       Service 
        .getSection() 
        .then(function (res) { 
         $scope.content = res.data.template; 
        }); 
     }()); 
     $scope.$on('langChange', (function(){ 
      this.loadContent(); 
     }).bind(this)); 
}]); 

EDIT： @Petr Averyanovの回答に基づいて、私は以下のソリューションを試みたが、langChangeが発射されるときloadContentさえ呼ばれていません。

app.controller('ctrl', ["$scope","Service", 
    function($scope,Service){ 
     console.log("loading content..") 
     var _this = this; 
     _this.loadContent = function(){ 
       console.log("load") 
       tutorialService 
        .getSection() 
        .then(function (res) { 
         $scope.content = res.data.template; 
        }); 
     }(); 
     $scope.$on('langChange', _this.loadContent); 
}]); 

私も1を試してみましたが、私は文脈上の問​​題が残っていると思います_this.loadContent is not a functionを取得し、彼のポストにコメントし...

Answer 1

は次のようになります。

app.controller('ctrl', ["$scope","Service", 
    function($scope,Service){ 
     var vm = this; 
     vm.loadContent = function(){ 
       Service 
        .getSection() 
        .then(function (res) { 
         $scope.content = res.data.template; 
        }); 
     }(); 
     $scope.$on('langChange', vm.loadContent); 
     /* or 
      function() { 
      vm.loadContent(); 
      } 
     */ 
}]);