2016-07-26 98 views
0

我使用AngularJS与$ stateProvider与2种不同的状态指向相同的模板。代码段低于Angular UI路由器相同TemplateUrls问题为不同的国家

$stateProvider 
.state('training', { 
     url: "/training", 
     templateUrl: "partials/training.html", 
     controller: function($scope, $http, $state, $uibModal){ 
      console.log("Main Training State"); 
      $http.get('/api/training').success(function (response){ 
       var data = response; 
       $scope.courses=data.courses; 
      }).error(function(err,status){ 
       console.log(err); 
      }); 
      $scope.openReadMoreModal = function (course) { 
       var modalInstance = $uibModal.open({ 
        animation: true, 
        templateUrl: 'readmoremodal.html', 
        controller: 'ModalInstanceCtrl', 
        resolve: { 
         modalObject: course 
        } 
       }); 
      }; 
     } 
    }) 
    .state('mytraining', { 
     url: "training/me", 
     templateUrl: "partials/training.html", 
     controller: function($scope, $http, $state, $uibModal){ 
      console.log("get My Events in the training html"); 
      $http.get('/api/training/myevents').success(function (response){ 
       console.log("response :"+ response); 
       $scope.courses = response.courses; 
      }).error(function(err,status){ 
       console.log(err); 
      }); 
      $scope.openReadMoreModal = function (course) { 
       var modalInstance = $uibModal.open({ 
        animation: true, 
        templateUrl: 'readmoremodal.html', 
        controller: 'ModalInstanceCtrl', 
        resolve: { 
         modalObject: course 
        } 
       }); 
      }; 
     } 
    }) 

问题是该控件不会流向mytraining状态。请告诉我什么是问题?

+0

应该不是网址:网址: “/训练/我“,为了训练状态 –

+0

@RahulArora谢谢..你救了我的一天。它的工作.. –

+0

我会写它作为一个答案。如果你能接受它。 –

回答

1

它应该是:

url: "/training/me", 

url: "training/me", 

在mytraining状态

0

试试这个:

.state('training', { 
    url: "/training", 
    templateUrl: "partials/training.html", 

/* ... some config ... */ 

.state('training.me', { 
     url: "/me", 
     templateUrl: "partials/training.html",