Control flow migration fails for async pipe with unboxing of observable.

[sfabriece]

Which @angular/* package(s) are the source of the bug?

core

Is this a regression?

Yes

Description

I run the control flow migration on my code and it failed compilation.

before:
<ng-container *ngIf="value$ | async; let value">
{{value}}

after:
@if (value$ | async; let value) {
{{value}}
}

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

Property 'value' does not exist on type 'Page'. Did you mean 'value$'?

Please provide the environment you discovered this bug in (run ng version)

Angular CLI: 17.0.0
Node: 20.9.0
Package Manager: yarn 1.22.19
OS: win32 x64

Angular: 17.0.1
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic    
... router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1700.0
@angular-devkit/build-angular   17.0.0
@angular-devkit/core            17.0.0
@angular-devkit/schematics      17.0.0
@angular/cdk                    17.0.0
@angular/cli                    17.0.0
@schematics/angular             17.0.0
rxjs                            7.8.1
typescript                      5.2.2
zone.js                         0.14.2

Anything else?

No response

[AnthonyFr75]

Hi,
Could you assign it to me ?

[alxhub]

The issue is that the migration should be producing as value not let value.

[AnthonyFr75]

Ok 👍 I think I got the fix

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