Which Material Design Layouts are you referring to? Are you building your Material behaviors and styles yourself or using an existing library?
How are you defining your styles? You may want to look at the Guide on ViewEncapsulation <https://angular.io/docs/ts/latest/guide/component-styles.html#!#view-encapsulation> . Michael Prentice DevIntent <http://devintent.com/> GDG Space Coast <http://gdgspacecoast.org/> On Friday, January 20, 2017 at 12:00:38 PM UTC-5, Kyle Thomas wrote: > > When I start separating my layout components (header, banner, sidnav, etc) > angular 2 wraps them in a new div > > Doesn't work: > > SidenavComponent => selector: 'app-sidenav' > > displays in the browser as: > > <app-sidenav _ngcontent-yai-42="" _nghost-yai-45=""> > ... > </app-sidenav> > > > Works: > > Take the code out of the component template and just put it within the > DIV of the parent component. > This removes the <app-sidenav> outter tags. > > > This causes the layout to be hidden and not displayed in the browser. > > Any suggestions? > > -- You received this message because you are subscribed to the Google Groups "Angular and AngularJS discussion" 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.
