Invalid state url within $stateProvider

Vote count:

0

I'm unable to run the app due to error "Error: Duplicate parameter name 'id' in pattern '/instance/:id/instance/:id/edit'"

JS

routerApp.config(function($stateProvider, $urlRouterProvider) {

$urlRouterProvider.otherwise('/home');
$stateProvider
    .state('home', {
        url : '/home',
        templateUrl : 'home-view.html',
        controller : 'homeController'
    })
    .state('instance', {
        url : '/instance/:id',
        templateUrl : 'data-view.html',
        controller : 'instanceController'
    })
    .state('instance.edit', {
        url: '/instance/:id/edit', 
        templateUrl : 'edit-table.html',
        controller : 'instanceEditController'
    });

});

routerApp.controller('homeController', ['$scope', '$state', function($state, $scope) {
  console.log("inside home controller");
}]);

routerApp.controller('instanceController', ['$scope', '$state', function($state, $scope) {
  console.log("inside instance view controller");
  $scope.data = [
   {
     "Name" : "Hello"
   }  
  ]
}]);

routerApp.controller('instanceEditController', ['$scope', '$state', function($state, $scope) {
   console.log("inside instance edit controller");

}]);

How can I pass data between the states ? I'm currently using

<a ui-sref=".edit{{'id' : 2, 'data' : data}}" class="btn btn-primary">Instance View</a> 

Plnkr : http://ift.tt/1rFgKXj

asked 2 mins ago

user1184100

1,302

Invalid state url within $stateProvider