Этот раздел приложения показывает минимальную информацию о задаче пользователя. Когда они нажимают кнопку «Просмотр сведений», они переходят на страницу, которая содержит дополнительную информацию об этом конкретном CAR на основе идентификатора.

Вот картинка, чтобы помочь объяснить первую часть того, о чем я говорю:

Вот мой угловой код:РЕДАКТИРОВАТЬ - Добавлен код UI-роутера

angular.module('ngApp', ['ui.router'])
.factory('authInterceptor', authInterceptor)
.constant('API', 'http://myserver.com/ecar/api')
.controller('task', taskData)
.controller('carDetails', carDetails)
.controller('myCars', myCars)

 // ** EDIT ** ADDED MY UI-ROUTER CODE
.config(function($httpProvider, $stateProvider, $urlRouterProvider){

  $urlRouterProvider.otherwise('/cars');      

  $stateProvider

  .state('cars', {
    url: '/cars',
    templateUrl: 'cars.html'
  })

  .state('carDetails', {
    url: '/carDetails',
    templateUrl: 'mycar_details.html',
    controller: 'carDetails'
  })

  .state('taskDetails', {
    url: '/taskDetails',
    templateUrl: 'task_details.html',
    controller: 'taskData'
  })
)}

function carDetails($scope, $http, API) {
  $http.get( API + '/car/**THE CAR ID**' ).
  success(function(data) {
    $scope.details = data;
    console.log(data);
  });
}

РЕДАКТИРОВАТЬ - Кнопка HTML:

<a ng-click="" ui-sref="carDetails">View Details</a>

Как видите, у каждого АВТОМОБИЛЯ есть свой уникальный идентификатор (конечно). Я могу отобразить идентификатор с помощью:

ng-repeat="task in mainTask.Tasks"

{{ task['CAR ID'] }} // in the html

Но мне нужно это сделать две вещи:

Когда пользователь нажимает кнопку «Просмотр», мне нужно, чтобы он перешел на другую страницу с названием car_details.html. На этой странице будет использоваться контроллер "carDetails", который будет отображать всю информацию об автомобиле.

Когда пользователь нажимает ту же кнопку, мне нужно каким-то образом взять определенный идентификатор этого CAR ({{task ['CAR ID']}}), отображаемый в этой плитке, а затем каким-то образом передать его функции carDetails в месте, которое говорит :

$ http.get (API + '/ car / THE CAR ID')

Там, где «идентификатору автомобиля» нужно передать идентификатор автомобиля, который просто нажал кнопку «просмотреть информацию», чтобы при открытии страницы car_details.html на нее было загружено все правильное содержимое для этого автомобиля.

РЕДАКТИРОВАТЬ - Маршруты хорошо работают в основном HTML-файле с пользовательским интерфейсом. Но я просто не могу понять, как передать уникальный идентификатор из каждого ключа JSON ID плитки, когда нажата соответствующая кнопка «Просмотр сведений».

Я надеюсь, что я был достаточно ясен. Дайте мне знать, если у меня нет, и я постараюсь дать вам больше информации.

Спасибо за помощь!