Angularjs Prevent the entry of data-free urls

Question

I’m having a problem, I want to make a page that takes values I determined in a video.js file to be returned to a specific url.

.state('video.id', {
url: '/:id',
templateUrl: 'tpl/video_id.html',
})

Being the parameter :id the value I have to type in the browser to pull the specific data from the video.js file and return to the site.

This is being done. However, it also tries to return values without even it exists, can open the page, but there is no record, and can even be opened without any registration.

examples:

site.com/video/ - opens but shows nothing

site.com/video/LALALALA - opens but shows nothing, because there is no such id in the file, if there appeared.

How can I block the page entry when there are no id values in the file?

Answer 1

you need to check

1. If the id exists
2. If the ID is valid

To then redirect if either case is false.

Taking into account that you are using the Ui-router: It would be something like that:

init();

function init(){
  var isValidId = funcaoParaValidarId($stateParams.id);

  if(!$stateParams.id || !isValidId){
    $state.go(404);
  }

}

Reference:

$state go.()

$stateParams