角度上下文綁定

Question

我廣播了一個事件langChange來完成本地化。 這裏的問題是找到一個優雅的方式來呼籲this.loadContent()進入該控制器附加的頁面上，當langChange也被觸發。 那bind(this)沒有做我想要的東西，我猜。

我會避免this別名解決方案，如var $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)); 
}]); 

編輯：基於@Petr Averyanov答案我嘗試了以下解決方案，但loadContent時langChange被觸發甚至沒有叫。

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); 
}]); 

我也嘗試了一個在他的評論後，我得到_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(); 
      } 
     */ 
}]);