Angular JS Routing-Steuerelement mit dynamischen Parameterübergabe

Question

Ich bin neu bei AgularJs, und ich arbeite an einer einzelnen Seite Anwendung. Ich war an einer Position fest, wo ich eine dynamische ID an die nächste Vorlage (d. H./Seitenname & id =) senden muss, und das muss Kontrolle mit ng Routing auch sein. Gibt es eine Möglichkeit, Routing-URL mit diesem dynamischen ID-Wert zu behandeln?

Dies ist der Code-Schnipsel, die

zählt

//Controller function call here passing the dynami id on 'data-value' 
<button type="submit" data-value="<dynami id>" ng-click="submit();"> 

//controller function 
var app = angular.module('myApp', []); 
var id = <Dynamic id>; 
app.controller('galleryController', function($scope, $http, $location) { 
    $scope.submit = function() { 
     $location.path('/gallary-single&id='+id); 
    } 
}); 

//Routing... 
app.config(function($routeProvider) { 
     $routeProvider 
     .when('/', { 
      templateUrl : 'pages/home.html', 
      controller : 'mainController' 
     }) 
     .when('/gallary', { 
      templateUrl : 'pages/gallary.html', 
      controller : 'galleryController' 
     }) 
     .when('/gallary-single', { 
      templateUrl : 'pages/gallary-single.html', 
      controller : 'gallerySingleController' 
     }); 
    }); 

Answer 1

Sie sollten versuchen, dass

<button type="submit" ng-click="submit(_id);"> 

//var id = <Dynamic id>; -- no need for that 
app.controller('galleryController', function($scope, $location) { 
    $scope._id = 'some-id'; 
    $scope.submit = function(id) { 
     console.log('submit id:', id); 
     $location.path('/gallary-single/' + id); 
    } 
}); 

//Routing... 
app.config(function($routeProvider) { 
     $routeProvider 
     .when('/', { 
      templateUrl : 'pages/home.html', 
      controller : 'mainController' 
     }) 
     .when('/gallary', { 
      templateUrl : 'pages/gallary.html', 
      controller : 'galleryController' 
     }) 
     .when('/gallary-single/:id', { 
      templateUrl : 'pages/gallary-single.html', 
      controller : 'gallerySingleController' 
     }); 
    });