角度UIルーター異なる州の同じTemplateUrl問題

Question

$ stateProviderでAngularJSを使用していて、2つの異なる州が同じテンプレートを指しています。コードスニペットは、問題がコントロールがmytraining状態に流れないということである

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

を下回っています。問題は何ですか？

Answer 1

それは次のようになります。

url: "/training/me", 

とませ

url: "training/me", 

状態に

Answer 2

をmytrainingで、このしてみてください：URLはすべきではない

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

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

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