Change progress bar value from component instance

[frct1]

Reproduction

Steps to reproduce:

1. Create progress bar dynamically through ComponentFactoryResolver
2. Try to change value of progress bar instance

Expected Behavior

Changing value and progress bar mode through component instance

Actual Behavior

Value not changing (without any errors). When changing mode of progress bar through component instance also not working. Looks like it is just takes only first defined property values.

Environment

• Angular: 9.0.0
• CDK/Material: 9.0.0-rc.10
• Browser(s): Chrome 80
• Operating System (e.g. Windows, macOS, Ubuntu): Windows

[crisbeto]

It sounds like you're not triggering change detection so it can't pick up the change, but it's hard to tell without seeing the code.

[frct1]

@crisbeto
Hi, i've tried to calling change detection but without any result.
Is there available stackblitz template with latest Angular Material packages ? Didn't found it at issue creating moment 😞

[crisbeto]

If you go to any of the examples in the docs site, you can click the "Edit" icon which will create a Stackblitz from the example.

[frct1]

Oh, got it, thank you so much.
Will create example shortly

[frct1]

Here we go:
ViewChild case (reference to component #bar): https://stackblitz.com/edit/angular-xu8tmk?file=src%2Fapp%2Fprogress-bar-determinate-example.ts

ng-container case: https://stackblitz.com/edit/angular-xu8tmk-rqfimd?file=src%2Fapp%2Fprogress-bar-determinate-example.ts

[frct1]

@crisbeto
Hi, still assigned needs clarification label on this issue.
Do i need to provide more info ?

[ChelloApps]

I think I'm seeing exactly the same thing here, I've been building a new Angular 9 app and have just spent 3 hours trying to get the progress bar to work!

I have tried binding via the value property and manual changing the value via a @ViewChild reference but neither work.

[frct1]

@ChelloApps
Yes that's totally unexpected behavior. But devs still keep "needs clarification"...