mat-selection-list list-options don't update when formControl for mat-selection-list is updated with setValue

[MikaAK]

Bug, feature request, or proposal:

Using mat-selection-list you can provide a formControl such as

 mat-selection-list([formControl]='myControl')

which will load the myControl.value with ["MY_VALUE", "MY_VALUE2"]
However when using myControl.setValue(["MY_VALUE", "MY_VALUE2"]) from an input it doesn't cause the checkboxes to be updated!

What is the expected behavior?

Checkboxes should update

What is the current behavior?

Checkboxes do not update

What are the steps to reproduce?

https://angular-material2-issue-bvbjdy.stackblitz.io

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

When using display components it's good to have inputs controlling these, however this blocks us from passing in values from the outside

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

Material: 5.x.x
Angular: 5.x.x

[crisbeto]

Thanks for the report, there's a PR that should fix the issue. Until the fix gets in you should be able to work around it by setting the initial value either inside ngAfterContentInit or a setTimeout.

[MikaAK]

Awesome thanks guys!

[mtholdefer]

I seem to be having this same issue for <mat-select> with the multiple property.
myFormControl.setValue( [ obj1, obj2, ...] ) does not update the selected checkboxes in the browser, however when logged the value seems to be correct.