Components: mat-button disabled binding doesn't work

[steveadoo32]

Bug, feature request, or proposal:

Bug. It looks like the [disabled] binding is not working on buttons with the mat-button directive.

What is the expected behavior?

It should work if I bind disabled to a property on my component

What is the current behavior?

It only works if I just have the disabled attribute on the button
<button mat-button disabled>Test</button> works.
<button mat-button [disabled]="progress">Test</button> does not work.

What are the steps to reproduce?

This is my html.

  <button mat-button [disabled]="!filterValid">Search</button>

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

Latest versions of Angular and Angular Material.

Is there anything else we should know?

Maybe I'm doing something wrong here... I just upgraded my angular and material versions and it broke all my disabled attributes.

[steveadoo32]

Looks like this is working. I must've been doing something wrong.

[MarcServat]

Try insert the value without quotes!!

[disabled]=!filterValid

I had the same error and these was the only solution that I've found

[tatsujb]

oh my fucking effing god.

what the fuck.

why?

[tatsujb]

@WrongWayJerry [disabled]="cost opening " but not closing " ?

[WrongWayJerry]

@tatsujb I deleted my comment about the disable appearance not working. It was user error. I fixed it.

[angular-automatic-lock-bot[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._}