は$ http.get方法

Question

内のコントローラ機能にアクセスすることはできません。これは私のコントローラである：

var app = angular.module('myApp', [ 'ngMaterial' ]); 
app.controller('searchController',['$scope','$http',function($scope,$http) { 
    this.selectedItemChange = function(item) { 
     $http.get("url").then(function(response) { 
      this.initializeProfiles(); 
     }); 
    } 
    this.initializeProfiles = function() {} 
} 

しかし、私はエラーTypeError: this.initializeProfiles is not a functionを取得しています。

$ http.getの.then内でinitializeProfiles()にアクセスするにはどうすればよいですか？

Answer 1

コールバック内のコントロールへの参照が必要です。http.getへの呼び出しを実行する前にコントロールを作成する必要があります。

var app = angular.module('myApp', [ 'ngMaterial' ]); 
app.controller('searchController',['$scope','$http',function($scope,$http) { 
    this.selectedItemChange = function(item) { 
    var me = this; // me = this 
    $http.get("url") 
     .then(function(response){ 
      me.initializeProfiles(); // me 
    }); 
    } 
    this.initializeProfiles = function() {} 
} 

---

この優秀はSO thisはJavaScriptで定義されているどのようにガイドするために答えてください：How does the "this" keyword in Javascript act within an object literal?。

Answer 2

var app = angular.module('myApp', [ 'ngMaterial' ]); 
    app.controller('searchController',['$scope','$http',function($scope,$http) { 
    var vm = this; 
    vm.selectedItemChange = function(item) { 
    $http.get("url") 
    .then(function(response){ 
     vm.initializeProfiles(); 
    }); 
} 
    vm.initializeProfiles = function() {} 
}