動的なパラメータ渡しによるAngular JSルーティングコントロール

Question

私はAgularJsを初めて使用しています。私は単一のページアプリケーションで作業しています。私は次のテンプレート（つまり、ページ名& id =）に動的IDを送信する必要があり、ngルーティングを使用して制御する必要がある位置に固執していました。この動的ID値でルーティングURLを処理する方法はありますか？

これは

//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

はあなたが

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