Nested md-grid-list in angular2/material

[Alex Friedman]

Is it possible to have a nested md-grid-list using angular2/material?  See a sample below, second grid list never gets drawn inside the first one.  Any help very appreciated.

<md-grid-list flex cols="1" rowHeight="4:3">

    <md-grid-tile [style.background]="'lightgreen'">

        <md-grid-tile-header>

            <h3>Hello</h3>

        </md-grid-tile-header>

        <md-grid-list flex cols="2" rowHeight="300px">

            <md-grid-tile *ngFor="let item of items;" [style.background]="'lightpink'">

                Hello{{i}}

            </md-grid-tile>

        </md-grid-list>

    </md-grid-tile>

</md-grid-list

[mar...@fodi.se]

Perhaps you can explain what you need to achieve?

[Alex Friedman]

Looking to achive, something like http://plnkr.co/edit/ZcpLQDQciOGzuQMh4GnM?p=preview

[mar...@fodi.se]

But why do you want to nest the grid list component?

What kind of layout are you expecting?

I guess you can get a similar layout by just using divs inside a tile?

[Himanshu Bansal]

I guess you can get a similar layout by just using divs inside a tile?

we can get the grid layout too with using div.. there is no need to use material grid layout lol... 

Its obviously, that he is trying to use the predefined layout to get a nested structure where he don't have to write whole layout again... 

What kind of layout are you expecting?

 Probably he is expecting something like bootstrap.css thing.. where you can nested layout.