Errore AngularJS Controller -: $ http.get non è una funzione nella sezione di controllo

Question

var hsbc = angular.module('hsbc',['ngResource','ngRoute']); 

hsbc.config ([ '$ routeProvider', '$ locationProvider', function ($ routeProvider, $ locationProvider) {

//console.log('config part working'); 
$routeProvider 
    .when('/login', { 
     controller: 'hsbccontroller', 
     templateUrl: 'modules/authentication/views/login.html', 
     hideMenus: true 
    }) 
    .when('/gloabltranfer', { 
     controller: 'hsbccontroller', 
     templateUrl: 'modules/home/views/gloabltranfer.html' 
    }) 
    .when('/tranferReq', { 
     controller: 'hsbccontroller', 
     templateUrl: 'modules/home/views/TransferRquest.html' 
    }) 
    .when('/reviewdetail', { 
     controller: 'hsbccontroller', 
     templateUrl: 'modules/home/views/Reviewdetails.html' 
    }) 
    .when('/confirmdetail', { 
     controller: 'hsbccontroller', 
     templateUrl: 'modules/home/views/confirmdetails.html' 
    }) 

    .when('/', { 
     controller: 'hsbccontroller', 
     templateUrl: 'modules/authentication/views/login.html' 
    }) 

    .otherwise({ redirectTo: '/login' }); 

}]). controllore ('hsbccontroller', [ '$ portata', '$ http', '$ risorsa', function ($ portata, $ risorsa, $ http) {

//console.log('controller part working'); 
$http.get('http://localhost:8080/1/').success(function(data) { 
    alert(data); 
     $scope.greeting = data; 
    }); 

}]);

Answer 1

È necessario modificare le posizioni di $ http e $ risorsa.

Come funziona angularJS, (se definito in questo modo), i tentativi angolari per far corrispondere le stringhe forniscono agli argomenti della funzione, in modo che sappia quale argomento è cosa. Questo è fondamentalmente lo scopo di minimizzazione, che effettivamente cambiare le variabili come illustrato di seguito .:

.controller('hsbccontroller', ['$scope','$http','$resource', function(a,b,c){ 

    //console.log('controller part working'); 
a.get('http://localhost:8080/1/').success(function(data) { 
    alert(data); 
     $scope.greeting = data; 
    }); 
}]); 

ecco, angularjs sa che:

mezzo $ portata,

b è $ http,

ec è $ risorsa.

Nel tuo caso, in realtà stava provando "$ resource.get" e quindi dandoti l'errore. Ulteriore lettura controllare la nota sulla minimizzazione sulla data pagina doc: https://docs.angularjs.org/tutorial/step_05

Answer 2

A mio parere, è l'errore di posizione - .controller('hsbccontroller', ['$scope','$http','$resource', function($scope,$resource,$http).

giusta posizione - .controller('hsbccontroller', ['$scope', '$http','$resource', function($scope, $http, $resource):

.controller('hsbccontroller', ['$scope', '$http','$resource', function($scope, $http, $resource){ 
    $http.get('http://localhost:8080/1/').success(function(data) { 
    alert(data); 
     $scope.greeting = data; 
    }); 
} 

ho avuto un problema come te stesso, ma Zona tipo giusto può risolverlo.