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.

Reply via email to