tabs break @Viewchild

[RoxKilly]

Using a template variable within md-tab-group and trying to access it in the component with @Viewchild does not work.
My template

<md-tab-group>
<md-tab>
    <template md-tab-label>Tab Title</template>
    <template md-tab-content>
        <video #vidPlayer>
            <source src="http://localhost/vid.mp4" type="video/mp4">
        </video>   
    </template>
</md-tab>
</md-tab-group>

My component

@ViewChild('vidPlayer') player;
ngAfterViewInit(){console.log(this.player);}

undefined is logged to the console. If I move the <video> element out of <md-tab-group>, it gets correctly logged to the console.

[aminebizid]

I think i't better with @ContentChild
Chears

[RoxKilly]

Do I need to make any other change (besides switching decorator name @ViewChild to @ContentChild and importing ContentChild)? Now I get undefined logged to the console even if I move the <video> out of <md-tab-group>

[jelbourn]

@RoxKilly your initial example is correct in using @ViewChild and not @ContentChild. We'll look into it.

[RoxKilly]

@jelbourn I noticed that this issue has not be added to alpha.8. Just wanted to note that this has still not been resolved as of Angular 2 rc 5 and Material 2 alpha 7-4

Open this plunker, go to AppComponent and take a look at the console.

[RoxKilly]

Angular 2 rc.6 with ng-Material 2 alpha 8-1 still has this bug. Removing the <template> tag around the @ViewChild target gets the reference to work but of course breaks the tabs.