Focusing on md-input-container programatically

I have a component that has some md-input-container elements. I would like to set focus on the first one when the view loads.

The way I am implementing this is by creating a @ViewChild property and then calling focus on it ngAfterViewInit. There are no errors but, the focus is still not working.

export class AdminUserComponent implements AfterViewInit {
    @ViewChild(MdInputContainer)
    private firstInput: MdInputContainer;

    ngAfterViewInit() {
        this.firstInput._mdInputChild.focus();
    }
}

I tried setting the focus code in a setTimeout function but that didn’t make a difference. Has anyone successfully set focus on a material input when the view loads?

[vadim82]

Thank you for helping me. I found my problem… I tried with MdInput and it didnt work. Then I tried with MdInputDirective and now it works perfectly.

[fxck]

I just linked you the source code of md-input-container, there is no focus() method, nor does the documentation say anything about any focus() method on the MdInputContainer https://material.angular.io/components/component/input

And it seems to be working to me when I focus the input http://plnkr.co/edit/fVQshe6iwOMpDZNd8HCH?p=preview