mat-checkbox ignores checked property

[GMillerVarian]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

When supplying the checked property, the checkbox state in the UI should match.

What is the current behavior?

The checked property is ignored. There is no difference in behavior whether or not checked is specified.

What are the steps to reproduce?

http://plnkr.co/UWQeFu

When you uncheck, the bound value is updated to the false value, however the UI shows checked state until checkbox is clicked a second time.

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

Updating a component library (which previously used ng-true-value and ng-false-value) and trying to maintain existing functionality.

[tinayuangao]

In your my-checkbox, the [value] should be innerValue instead of value: when the value is a valid string with content, it's still considered as true in boolean.

Here's a working plnkr: http://plnkr.co/edit/ZJ8GkfrEgKnbma8o4MCO?p=preview

[GMillerVarian]

With this solution, 2-way binding isn't working properly as can bee seen when multiple controls bind to the same value. Please see my updated plunker: http://plnkr.co/UWQeFu

[GMillerVarian]

Please re-open.

[GMillerVarian]

Please re-open. The suggested solution doesn't work. The checkbox does not detect changes to the bound value when changed from another control or from script since the checkbox is bound to innverValue which is not the @input variable used for 2-way binding.

[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.}