Dieser Abschnitt der App zeigt die minimalen Informationen zur Aufgabe eines Benutzers. Wenn sie auf die Schaltfläche "Details anzeigen" klicken, gelangen sie zu einer Seite mit weiteren Informationen zu diesem bestimmten CAR, basierend auf der ID.

Hier ist ein Bild, um den ersten Teil von dem zu erklären, wovon ich spreche:

Hier ist mein Winkelcode:BEARBEITE - ui-router code @ hinzugefü

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);
  });
}

BEARBEITE - Button HTML:

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

Wie Sie sehen können, hat jedes AUTO (natürlich) eine eigene ID. Ich kann die ID anzeigen, indem ich Folgendes verwende:

ng-repeat="task in mainTask.Tasks"

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

Aber ich brauche dies, um zwei Dinge zu tun:

Wenn der Benutzer auf die Schaltfläche "Anzeigen" klickt, muss er sie zu einer anderen Seite mit dem Titel "car_details.html" führen. Auf dieser Seite wird der "carDetails" -Controller verwendet, der alle Informationen für das CAR anzeigt.

Wenn ein Benutzer auf dieselbe Schaltfläche klickt, muss ich irgendwie die spezifische ID des CAR ({{task ['CAR ID']}}) ermitteln, das in dieser Kachel angezeigt wird, und sie dann irgendwie an die carDetails-Funktion an der entsprechenden Stelle übergeben sagt:

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

Wo "THE CAR ID" muss die ID des CAR übergeben werden, auf dessen Schaltfläche "Details anzeigen" gerade geklickt wurde. Wenn die Seite "car_details.html" geöffnet wird, wird der gesamte korrekte Inhalt für dieses Auto geladen.

BEARBEITE - Die Routen funktionieren gut in der HTML-Hauptdatei mit UI-Ansicht. Ich kann jedoch nicht herausfinden, wie die eindeutige ID von jedem der JSON-ID-Schlüssel der Kacheln übergeben wird, wenn auf die entsprechende Schaltfläche "Details anzeigen" geklickt wird.

ch hoffe, ich war klar genug. Lassen Sie mich wissen, wenn ich keine habe und ich werde versuchen, Ihnen weitere Informationen zu geben.

Danke für die Hilfe