Matching url with array list of words in AngularJS ui-router

by

Not fully sure what exactly you are searching for… because it could be a dynamic url matcher or just smart regex. Here is a plunker with working example. It in fact 1) only builds the regex from the passed list of names… 2) shows urlMatcher in action

The answer here would be: use the UrlMatcher.

$urlMatcherFactory and UrlMatchers

Defines the syntax for url patterns and parameter placeholders. This factory service is used behind the scenes by $urlRouterProvider to cache compiled UrlMatcher objects, instead of having to re-parse url patterns on every location change. Most users will not need to use $urlMatcherFactory directly, however it could be useful to craft a UrlMatcher object and pass it as the url to the state config.

Example:

var urlMatcher = $urlMatcherFactory.compile("/home/:id?param1");
$stateProvider.state('myState', {
    url: urlMatcher 
});

The example in plunker:

  var sourceList= ['John', 'Paul', 'George', 'Ringo']
  var names = sourceList.join('|');
  var urlMatcher = $urlMatcherFactory.compile("/{source:(?:" + names + ")}/:id");

  $stateProviderRef 
    .state('names', { 
      url: urlMatcher,
      templateUrl: 'tpl.root.html',
      controller: 'MyCtrl'
    });

The example is showing a bit more complex solution. If we do have the list of names during cofnig phase… the simple join should work. But if it will be availabel later (.run()) via $http … this solution could help

More Related Contents:

  1. AngularJS – Remove leading and trailing whitespace from input-box using regex
  2. How to validate email id in angularJs using ng-pattern
  3. How can I validate an email address using a regular expression?
  4. Injecting $scope into an angular service function()
  5. Regex Last occurrence?
  6. Regular expression to match string starting with a specific word
  7. How to wisely combine shingles and edgeNgram to provide flexible full text search?
  8. Regular Expression Arabic characters and numbers only
  9. How to match, but not capture, part of a regex?
  10. How to access object property with invalid characters
  11. RegEx to match full string
  12. Dynamically set the value of ui-sref Angularjs
  13. regex, extract string NOT between two brackets
  14. How to print matched regex pattern using awk?
  15. Regex for extracting filename from path
  16. Validate mathematical expressions using regular expression?
  17. Regex that does not allow consecutive dots
  18. What is a regex to match ONLY an empty string?
  19. Lazy quantifier {,}? not working as I would expect
  20. Recursively change file extensions in Bash
  21. Test for numeric elements in a character string
  22. Is There a Way to Match Any Unicode Alphabetic Character?
  23. Regex validation of email addresses according to RFC5321/RFC5322
  24. Eliminate newlines in google app script using regex
  25. What’s the best tool to find and replace regular expressions over multiple files?
  26. AngularJS UI router handling 404s
  27. How to make “grep” read patterns from a file?
  28. scope and controller instantiation with ui router
  29. How to measure similarity between strings?
  30. “UnicodeEncodeError: ‘ascii’ codec can’t encode character”

Leave a Comment