Не удается получить доступ к функции контроллера в $ 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.

Как мне получить доступ к initializeProfiles() внутри. Then $ http.get?

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() {} 
} 

---

Смотрите это свободно ТАК отвечать за руководство к тому, как 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() {} 
}