Hi Sander,
tried like this
<div class="tab-content" style="height:650px; width:100%">
<router-outlet></router-outlet>
</div>
still it is loaded outside the specified region. any other inputs?
Regards,
Krishnan
On Thursday, August 18, 2016 at 1:16:12 AM UTC-4, Sander Elias wrote:
>
> Hi Navaneetha,
>
> By design the component that is routed to is a sibling of <router-outlet>.
> To emphasize, your component will be rendered NEXT, and not inside the
> router-outlet.
> Your resulting html will be something like:
>
> <div class="tab-content">
> <router-outlet></router-outlet>
> <component-that-is-routed-to></component-that-is-routed-to>
> </div>
>
>
> Change your css to the .tab-content is getting it's height fixed in stead
> of router-outlet.
>
> Regards
> Sander
>
>
--
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 https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.