Скрытие от URL UI-sref (ui.router)

Question

Мой HTML выглядит следующим образом:

<a ui-sref="videoParent.Display.video({videoName:'[[sVid.slug]]', videoId:'[[sVid.videoID]]'})"><p>[[sVid.name]]</p></a> 

Я затем восстановить параметры videoName и VideoID в моем файле JS следующим

.state("videoParent.Display.video", { 
      url: "/video/:videoName/:videoId", 
      views: { 
       'video_info@videoParent': { 
        templateUrl: "/partials/starred_video.html", 
        controller: "starredVideoController", 
        controllerAs: "starredVidsCtrl", 
        resolve: { 
         retrivedVideo: ['videosService', '$stateParams', function(videosService, $stateParams) { 
          if ($stateParams.videoId) {         
           var video = videosService.getVideoById($stateParams.videoId); 
           return video; 
          } 
         }] 
        } 
       }, 

В мой URL я получаю результат, как это:

../video/data-statistician/5

Однако, я не хочу, чтобы показать VideoID (5) и предпочел бы иметь свой выход как:

../video/data-statistician

Я могу достичь желаемого результата, написав url часть моего состояния как:

URL: «/ видео /: videoName

, но проблема в том, что если я пишу код, как и выше, VideoID не будет включен в $ stateparams объекта.

Как передать видеоизображение в состояние без указания URL-адреса?

Answer 1

Если вы не хотите, чтобы показать ID в URL, но нужно передать идентификатор с помощью stateparams, попробуйте этот

.state("videoParent.Display.video", { 
      url: "/video/:videoName", 
      params:{videoId:null}, 
      views: { 
      'video_info@videoParent': { 
       templateUrl: "/partials/starred_video.html", 
       controller: "starredVideoController", 
       controllerAs: "starredVidsCtrl", 
       resolve: { 
        retrivedVideo: ['videosService', '$stateParams', function(videosService, $stateParams) { 
         if ($stateParams.videoId) {         
          var video = videosService.getVideoById($stateParams.videoId); 
          return video; 
         } 
        }] 
       } 
       } 

ПРИМЕЧАНИЕ. Объявление параметров в определении состояния изменилось на params: {id: {}} из параметров: ['id']

<a ui-sref="videoParent.Display.video({videoName:{sVid.slug}, videoId:{sVid.videoID}})"><p>[[sVid.name]]</p></a> 

версия UI-маршрутизатор: ~ v.0.2.10

Answer 2

Как вы предложили, вы можете передать параметры без их отображения в URL, установив URL в

URL: «/ видео /: videoName

Вы можете добавить дополнительные параметры (не в URL), указав:

params: { 
     videoId: null 
    } 

Если вы хотите перейти в состояние и передавать параметры, вы можете сделать что-либо:

В HTML:

<a ui-sref="videoParent.Display.video({videoName: 'Rambo', videoId: 5})">Go to video</a> 

В Javascript:

$state.go('videoParent.Display.video', {videoName: 'Rambo, videoId: 5});