bug(mat-selection-list): cannot change disabled status via @Input() disabled after programmatically change it

[julianobrasil]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Change disabled state programmatically (via setDisabledState) and via @Input() disabled

What is the current behavior?

If you set the disabled programmatically, you cannot change it via @Input() disabled anymore.

If you have:

<mat-selection-list #shoes="matSelectionList" [disabled]="_listDisabled">
  <mat-list-option *ngFor="let shoe of typesOfShoes">
    {{shoe}}
  </mat-list-option>
</mat-selection-list>

And you do:

@ViewChild('shoes') _matSelectionList: MatSelectionList;
_listDisabled = false;
...
this._matSelectionList.setDisabledState(true);

the list is disabled (you cannot select any option) no matter what the value of _listDisabled is after executing this._matSelectionList.setDisabledState(true).

What are the steps to reproduce?

Here you have a Stackblitz demo

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

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

Material 6.3.2

[devversion]

@julianobrasil Nice catch. We shouldn't update the disabled state of each option individually if we have a disabled property on the MatSelectionList that will be taken into account by all options.

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