dynamische HTML-Seiten in Angular JS

Question

Ich bin neu in Angular JS. Ich habe HTML-Seite (Audit.html), die Liste der eindeutigen IDs auf der rechten Seite der Seite anzeigt. Dies ist mein RouteProvider für diese Seite. Es gibt Links auf der linken Navigationsleiste für htmls, die hier erwähnt werden.

.config(function($routeProvider){ 
     $routeProvider 
    .when('/home', { 
     controller: 'homeController', 
     templateUrl: "templates/home.html" 
     }) 
    .when('/audit',{ 
     controller: 'AuditController', 
     templateUrl: "templates/audit.html" 
     }) 
     .when('/submit',{ 
     controller: 'SubmitController', 
     templateUrl: "templates/submit.html" 
     }) 

Ich möchte gegen eindeutige ID gespeicherten Daten anzuzeigen, wenn ich auf jedem Ids listed.I klicken wollen Details auf derselben Seite angezeigt werden soll. Wie können wir dynamisches Routing in Angular JS durchführen?

Answer 1

Wenn Sie Ihre Konfiguration der folgenden ändern (wie Govind vorgeschlagen):

.config(function($routeProvider){ 
    $routeProvider 
    .when('/home', { 
     controller: 'homeController', 
     templateUrl: "templates/home.html" 
    }) 
    .when('/audit/:id',{ 
     controller: 'AuditController', 
     templateUrl: "templates/audit.html" 
    }) 
    .when('/submit',{ 
     controller: 'SubmitController', 
     templateUrl: "templates/submit.html" 
    }); 

Dann in Ihrem Controller Sie so etwas wie die folgenden Aktionen durchführen:

angular.module('app') 
    .controller('myController', function($scope, $stateParams) { 
    $scope.auditId = $stateParams.id; 
    }); 

Welche Sie binden lassen es zu deiner Vorlage.

Sie können mehr darüber lesen, wie URL-Routing funktioniert here

hoffe, das hilft!