Как передать параметр id в контроллер?

Question

[Илья Оськин]

Добрый день! Делаю SPA приложение на Django + Angular, серверная и клиентская части общаются только через rest api. Ситуация следующая: На главной странице выводится список кейсов, и по клику на один из них должно открыться детальное его описание, но знаний пока не хватает, чтобы правильно передать id кейса в $http сервис соответствующего контроллера, видел в туториалах только примеры с использованием php скрипта, куда передавался id.

app.js

var app = angular.module('uniApp', ['ngRoute']);

angular.
  module('uniApp').
  config(['$locationProvider', '$routeProvider',
    function config($locationProvider, $routeProvider) {
      $locationProvider.html5Mode(true);

      $routeProvider.
        when('/', {
          controller : 'mainCtrl',
          templateUrl : 'media/views/main.html'
        }).
        when('/:id', {
          controller : 'detailCtrl',
          templateUrl : 'media/views/detail.html'
        }).
        otherwise('/');
    }
  ]);

app.controller('mainCtrl', function ($scope, $http) {
  $http.get('http://127.0.0.1:3000/api/v0/cases/').success(function(data){
    $scope.cases = data;
  });
});
app.controller('detailCtrl', function($scope, $http) {
  $http.get('http://127.0.0.1:3000/api/v0/cases/<:id кейса>').success(function(data){
    $scope.case = data;
  });
});

Ответы rest api:

GET /api/v0/cases/

[
    {
        "id": 7,
        "name": "AMA",
        "preview": "http://127.0.0.1:3000/media/images/ama_bh_eBLMABd.jpg",
        "slider_preview": "http://127.0.0.1:3000/media/images/case_ama_pQjtadA.jpg",
        "url": "http://127.0.0.1:3000/api/v0/cases/7/"
    },
    {
        "id": 8,
        "name": "Nana",
        "preview": "http://127.0.0.1:3000/media/images/ama_bh_9MYiC6t.jpg",
        "slider_preview": "http://127.0.0.1:3000/media/images/case_ama_uJ2DQVT.jpg",
        "url": "http://127.0.0.1:3000/api/v0/cases/8/"
    }
]

GET /api/v0/cases/7/

{
    "name": "AMA",
    "slider_preview": "http://127.0.0.1:3000/media/images/case_ama_pQjtadA.jpg",
    "articles": [
        {
            "picture": "http://127.0.0.1:3000/media/images/ama_bh_IEc3Z4X.jpg",
            "caption": "sdedfsdd"
        },
        {
            "picture": "http://127.0.0.1:3000/media/images/ama_bh_rbXJoIB.jpg",
            "caption": "ssddscd"
        }
    ]
}

Answer 1

[Алексей Ярков]

https://docs.angularjs.org/api/ngRoute/service/$ro...
Не знаю как еще объяснить подробнее

Answer 2

[Михаил]

Как на счет этого?

И вообще.

Answer 3

[Роман Огарков]

Почитай про сервис $routeProvider

https://docs.angularjs.org/api/ngRoute/provider/$r...

Используй сервис $http для примитивных действий