Md-list breaks when using with ng-container or ng-template

Bug, feature request, or proposal:

Bug, mdlist & md-nav-list breaks when used with ng-container or ng-template.

What is the expected behavior?

https://i.imgur.com/Iv6pc7q.png

What is the current behavior?

https://i.imgur.com/ca4MC8K.png

What are the steps to reproduce?

<md-nav-list>
		<h3 md-subheader>Tests</h3>
		<a md-list-item *ngFor="let test of tests">
			<ng-container [SubComponent]="test">
			</ng-container>
		</a>
	</md-nav-list>

Dynamic component or template:

	<md-icon md-list-avatar fontIcon="fa-clock-o"></md-icon>
		<p md-line>Time Period</p>
		<p md-line>Queries data from cool</p>

Where right now subcomponent is a custom directive that is just a component factory dynamically loading components into the list based on the data repeated # in *ngFor

What is the use-case or motivation for changing an existing behavior?

It doesn’t work like most of the things in material2.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Probably all of them.

Is there anything else we should know?

No.

[azarus]

@jelbourn my personal user experience is horrible with material2 man, i wonder how is it possible that the broken behavior is the expected one. Why isn’t it possible to dynamically add child elements to the list?

[jelbourn]

This is the expected behavior based on how content projection works in Angular; the API for the list calls for the md-line to be a direct child of the item.