Loading a state into a div from anywhere with angularjs and ui.router

Question

I have a div like this:

<div class="messengerPane">
</div>

It will be on every state / view of the app, I need to load different views into it with parameters on click:

ex:

<a>Message</a>

That ui-sref opens the messenger window for the entire view, I only want to load that state into the div, I can't do a nested state because it has to be accessible from any state.

Note that I already have another <div ui-view></div> elsewhere

Here is a plnkr showing what I am trying to do: http://plnkr.co/edit/qbg8E2

Zohaib Ijaz · Accepted Answer · 2015-11-24 19:41:28Z

1

Simply put the view inside that div

<div class="messengerPane">
    <div ui-view></div>
</div>

answered Nov 24, 2015 at 19:41

Zohaib Ijaz

23k7 gold badges43 silver badges63 bronze badges

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

13 Comments

Jordash Over a year ago

I have to load other views in addition to this one

Zohaib Ijaz Over a year ago

do you want to load multiple views in same page?

mindparse Over a year ago

@Jordash - the ui-view directive will just load in whatever template is associate with the state you call whether it be using ui-sref of $state.go() calls. Before this answer was posted how were you using ui-view in the first place?

Jordash Over a year ago

Yeah multiple views on the same page, but from within any state.

Zohaib Ijaz Over a year ago

i didn't get your point. why do you need that.. kindly explain about outer div, and if it is just this div then it makes no sense to waste a lot of your and our time...

|

Collectives™ on Stack Overflow

Loading a state into a div from anywhere with angularjs and ui.router

1 Answer 1

13 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

13 Comments

Your Answer

Sign up or log in

Post as a guest

Related