md-checkbox: Implement a three state checkbox

[web265p3]

I would like to configure the md-checkbox like the following:

If its disabled and I click it, it should be enabled.
If its enabled and I click it, it should be indeterminate
If its indeterminate and I click it, it should be disabled

I tried to write a click-function, that does exactly that:

<md-checkbox #check (click)="toggle(check)">Checked</md-checkbox>

In the toggle-function I access check.indeterminate, checked etc. and set the values. But of course these values are overwritten by the default behaviour of the check box.
How would you implement that?

[web265p3]

Any updates on this? :)

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}