Can ui-router handle multiple parameters in AngularJS?

Question

I have an app that is currently built to have a static base URL with a parameter at the end. I would like to instead have the base URL default to one vaule, but have the ability to built routes based on several options. So for now its set up as:

  .state('ball', {
    parent: 'ballLayout',
    url: '/ball/{urlName}',
    views: {
      'cube.head': {
        templateUrl: 'partials/views/ball.head.html',
        controller: 'BallCtrl'
      }
    }
  });

The static ball value is what I'd like to change. Basically I'd like to have an optional list of incoming URLs that would work, but when nothing is present it defaults to ball. So for instance:

ball/title-of-page

bat/title-of-page

basket/title-of-page

beast/title-of-page

These would all work, and when constructing the URL it would default to ball/

Is something like this possible? How would one go about implementation.

Of course, you can use multiple stateparams to build your url. Have you tried using url: '/{something}/{urlName}', instead of url: '/ball/{urlName}'? — Jobsamuel
– Jobsamuel, Commented May 30, 2014 at 18:03
yep, my concern was just that it leaves the URL to be open to anything. So if an external url comes in that is say apples/title-of-page it would still work. I'd want to make sure it only gave the URL if it met one of this 4. If that makes sense. Maybe if it doesnt it would just redirect or 404. — Mr. BigglesWorth
– Mr. BigglesWorth, Commented May 30, 2014 at 18:17
In fact the more that I look at it the more i see an issue. If its on the base URL of / and I'm passing a param right after that then it will conflict with any other routes I have. So its almost like I need the option of 4 static base routes for this one $state. Can this be done? — Mr. BigglesWorth
– Mr. BigglesWorth, Commented May 30, 2014 at 18:47

Mr. BigglesWorth · Accepted Answer · 2014-06-02 17:15:24Z

0

I dont think what I'm asking here can actually be done without having issues with other parameters. Instead Im asking a new question about Regex from incoming links to reroute to my angular URL.

answered Jun 2, 2014 at 17:15

Mr. BigglesWorth

1,5403 gold badges20 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Can ui-router handle multiple parameters in AngularJS?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related