Well, I've tried to create my solution based on your examples but couldn't
get working code. Hope, you can help me out. I am going after the siblings
example.
Here is relative code:
index.html
....
<li><a sref="first"> Reports</a></li>
.....
<div>
<div ui-view="upper"></div>
<div ui-view="lower"></div>
</div>
app.js
app.config(function ($stateProvider, $urlRouterProvider) {
$stateProvider
.state('first', {
url: '',
views: {
upper: {
templateUrl: 'app/views/first.html'
},
lower: {
templateUrl: 'app/views/second.html'
}
}
})
});
when I load index.html I get both pages loaded. But what I want is to load
these two pages when I click on a list. Can you please help?
Thanks
On Thu, Sep 18, 2014 at 8:59 AM, mark goldin <[email protected]> wrote:
> Thanks a lot, will look into it.
>
> On Thu, Sep 18, 2014 at 8:57 AM, Mark Volkmann <[email protected]>
> wrote:
>
>> Yes. All the example code from my AngularJS class, including ui-router,
>> is here: http://github.com/mvolkmann/angularjs-examples
>>
>> R. Mark Volkmann
>> Object Computing, Inc.
>>
>> On Sep 18, 2014, at 5:32 AM, mark goldin <[email protected]> wrote:
>>
>> Excellent presentation! Do you have a source code available by any chance?
>>
>> Thanks
>>
>> On Wed, Sep 17, 2014 at 3:55 PM, Mark Volkmann <[email protected]
>> > wrote:
>>
>>> I have an example in a talk I gave on this. See
>>> http://www.youtube.com/watch?v=1aGf-Rze1jE
>>>
>>> On Wed, Sep 17, 2014 at 3:31 PM, mark goldin <[email protected]>
>>> wrote:
>>>
>>>> Is there a good example that would show how to have multiple views
>>>> loaded together?
>>>> I've tried going thru this:
>>>>
>>>> http://txt.fliglio.com/2013/05/angularjs-state-management-with-ui-router/
>>>> But couldn't get the whole concept. Plus, did not find a complete
>>>> example for named views.
>>>>
>>>> Thanks
>>>>
>>>> --
>>>> 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.
>>>>
>>>
>>>
>>>
>>> --
>>> R. Mark Volkmann
>>> Object Computing, Inc.
>>>
>>> --
>>> 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/NRQJwFNkpeo/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 a topic in the
>> Google Groups "AngularJS" group.
>> To unsubscribe from this topic, visit
>> https://groups.google.com/d/topic/angular/NRQJwFNkpeo/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.
