AngularJS의 현재 URL에 따라 JSON 데이터 검색

Question

저는 AngularJS를 사용하여 JSON을 통해 가져온 이미지 목록을 표시하고 있습니다. 지금 JSON URL이 정적으로 코딩되어 있지만 현재 페이지에 따라 JSON URL을 변경하고 싶습니다. 예를 들어

, 나는 수/J/앨범/

test123이 어떻게 이렇게 할 수 있습니다 것입니다 검색/앨범/test123의 URL에있어 경우에?

HTML

<div data-ng-controller="AlbumController"> 
    <ul class="album_list"> 
    <li data-ng-repeat="img in media_list"> 
     <img data-ng-src="((img.s1_url))" data-ng-style="height: {{img.s1_height}}px; width: {{img.s1_width}}px;" /> 
    </li> 
    </ul> 
</div> 

main.js

나는 다음과 같은 몇 가지 코드를 추측 트릭해야

var myApp = angular.module("myApp", []); 
myApp.config(function($interpolateProvider){ 
    $interpolateProvider.startSymbol('((').endSymbol('))'); 
    } 
); 

myApp.controller("AlbumController", function($http, $scope){ 
    $http.get('/j/albums/album52').success(function(data) { 
    $scope.media_list = data; 
    }); 
}); 

Answer 1

$ 위치 :의

https://docs.angularjs.org/api/ng/service/$location

myApp.controller("AlbumController", function($http, $scope, $location){ 
    $scope.jsonUrl = '/j/' + $location.path(); 
    $http.get($scope.jsonUrl).success(function(data) { 
    $scope.media_list = data; 
    }); 
}); 

Answer 2

먼저당신이

var albumId = $routeParams.albumid; 
$http.get('/j/albums/' + albumId).success(function(data) { 
    $scope.media_list = data; 
}); 

같은 것을 컨트롤러와 할 $routeparams를 삽입 할 수

.when('/album/:id', { 
templateUrl: '/tpl/album/view', controller: 'AlbumCtrl' 

같은 당신이 NG-경로를 사용하여 라우팅을 정의해야 모든 노선 일단 이 정의 뭔가