AngularJS isteği isteğinin yapısını nasıl değiştirebilirim?

Question

Ben aşağıdaki durumlarda bir angularjs uygulamasının bir parçası olarak:

controller('StagesCtrl', function($scope,$http) { 
$http.get("http://localhost/apistages") 
.then(function(response) { 
    $scope.stages = response.data; 
}); 
}) 

.controller('StageCtrl', function($scope, $http, $stateParams) { 

    $http({ 
    method: 'GET', 
    url: 'http://localhost/apistage/', 
    params: {stageId: $stateParams.stageId} 
}).then(function successCallback(response) { 
    $scope.stage = response.data; 
}, function errorCallback(response) { 

    }); 
}); 

aşamaları liste iyi çalışıyor, ama sahne denetleyicisi sorgu http://localhost/apistage/?stageId=43 erişmeye çalıştığında:

.state('app.stages', { 
     url: '/stages', 
     views: { 
     'menuContent': { 
     templateUrl: 'templates/stages.html', 
     controller: 'StagesCtrl' 
    } 
    } 
}) 

.state('app.stage', { 
url: '/stages/:stageId', 
views: { 
    'menuContent': { 
    templateUrl: 'templates/stage.html', 
    controller: 'StageCtrl' 
    } 
} 

ilişkili kontrolörlerdir hangi bir 500 (Dahili Sunucu Hatası) ile sonuçlanır.

Kullanmam gereken URL biçimi http://localhost/apistage/43'dur. Bu URL'yi almak için sorguyu nasıl ayarlayabilirim?

Answer 1

Ardından, $ http GET isteği üzerine params seçeneklerini kullanmayın. çağrı yaparken Bunun yerine sadece seni açısal ait ngResource($resource) modülünü kullanmak tavsiye derece ediyorum REST API için

$http({ 
    method: 'GET', 
    url: 'http://localhost/apistage/'+$stateParams.stageId //append state parameter in URL itself 
}) 

hizmete URL'yi basit dize birleştirme kullanın. Hangi dinlenme aramaları ile başa çıkmak için iyi bir yeteneği vardır.

Answer 2

İki denetleyiciyi kullanmamalısınız. Sadece bir denetleyici kullanın ve url parametresini almak için $ routeParams kullanın. Burada şimdi parametrenin mevcut olup olmadığını kontrol edin ve mantığınızı gerektiği gibi ayırt edin. Aşağıdaki kodu kullanabilirsiniz: var stageId = $routeParams.stageId; If(stageId) Do something else Do something different