You specify state references with dots and not slashes. Then you specify
the state parameters later. So, it would be something like
ui-sref="competitions.intocompetitions({genre: compi.name, event: event.name
})"
If you have properly specified your states as substates, which is hard to
tell as you have only provided part of your actual code. Personally, I
define all four states down the line, to stick with foo and bar for my case
(because I don't understand your routing setup from the fragment)
state: foo (url '/foo')
state: foo.detail (url '/:fooID')
state: foo.detail.bar (url '/bar')
state: foo.detail.bar.detail (url '/:barID')
with all the associated other stuff in your .state stack.
Then to display the actual bar of foo, I'd go to /foo/1/bar/2, which is
ui-sref="foo.detail.bar.detail({fooID: 1, barID: 2})"
Also, I usually pluralize things (foos and bars).
Then to display all foos and all bars of a specific foo, that's defined on
the foo and foo.detail.bar states (index vs show in rails routing terms).
If that doesn't make sense, just declare foo and foo.detail.bar to be
abstract states and you won't be able to transition in there.
http://angular-ui.github.io/ui-router/site/#/api/ui.router.state.directive:ui-sref
e
On Sat, Jul 5, 2014 at 10:49 AM, pratik lodha <[email protected]>
wrote:
> my ui-sref:
> ui-sref="{{compi.name}}/{{event.name}}
>
>
> On Sat, Jul 5, 2014 at 11:18 PM, pratik lodha <[email protected]>
> wrote:
>
>> but foo/bar is variable for me ...and i want to store them
>>
>> url:":/genre/:event"
>>
>>
>> On Sat, Jul 5, 2014 at 11:06 PM, Eric Eslinger <[email protected]>
>> wrote:
>>
>>> if you want to do something like foo/bar, with bar a substate of foo,
>>> use dots.
>>>
>>> .state('foo' ...)
>>> .state('foo.bar ...)
>>> then ui-sref="foo.bar"
>>>
>>> more on ui-router here:
>>> https://egghead.io/lessons/angularjs-introduction-ui-router
>>>
>>> e
>>>
>>>
>>> On Sat, Jul 5, 2014 at 10:25 AM, pratik lodha <[email protected]>
>>> wrote:
>>>
>>>> i want to send two states in ui-sref,
>>>>
>>>> *ui-sref="something1/something2" *
>>>>
>>>> in my current state which is :
>>>>
>>>> .state('competitions',{
>>>> url : '/competitions',
>>>> parent : 'Events',
>>>> templateUrl : 'views/genres/competitions.html',
>>>> controller : 'Home'
>>>> })
>>>> so i defined a state like this
>>>> .state('intocompetitions',{
>>>> url : '/:genre',
>>>> parent : 'competitions',
>>>> templateUrl : 'views/competitions/dance.html',
>>>> controller : 'Home'
>>>> })
>>>>
>>>> it shows cannot resolve *something1/something2 in the state
>>>> competitions*
>>>>
>>>> --
>>>> You received this message because you are subscribed to the Google
>>>> Groups "AngularJS" group.
>>>> To unsubscribe from this group and stop receiving emails from it, send
>>>> an email to [email protected].
>>>>
>>>> To post to this group, send email to [email protected].
>>>> Visit this group at http://groups.google.com/group/angular.
>>>> For more options, visit https://groups.google.com/d/optout.
>>>>
>>>
>>> --
>>> You received this message because you are subscribed to a topic in the
>>> Google Groups "AngularJS" group.
>>> To unsubscribe from this topic, visit
>>> https://groups.google.com/d/topic/angular/kmytCtI98uE/unsubscribe.
>>> To unsubscribe from this group and all its topics, send an email to
>>> [email protected].
>>> To post to this group, send email to [email protected].
>>> Visit this group at http://groups.google.com/group/angular.
>>> For more options, visit https://groups.google.com/d/optout.
>>>
>>
>>
> --
> You received this message because you are subscribed to the Google Groups
> "AngularJS" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> To post to this group, send email to [email protected].
> Visit this group at http://groups.google.com/group/angular.
> For more options, visit https://groups.google.com/d/optout.
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
