Control flow migration: ternary in ngIf condition not migrated correctly #53384
Description
Which @angular/* package(s) are the source of the bug?
core
Is this a regression?
No
Description
Input:
<div *ngIf="!vm.isEmpty; else vm.loading ? loader : empty"></div>
<ng-template #loader>Loading</ng-template>
<ng-template #empty>Empty</ng-template>
Output:
@if (!vm.isEmpty) {
<div></div>
} @else {
#vm.loading ? loader empty|
}
<ng-template #loader>Loading</ng-template>
<ng-template #empty>Empty</ng-template>
Expected output:
@if (!vm.isEmpty) {
<div></div>
} @else if (vm.loading) {
Loading
} else {
Empty
}
Or for something a bit more generic that would handle other types of conditions beyond ternaries:
@if (!vm.isEmpty) {
<div></div>
} @else {
<ng-template [ngTemplateOutput]="vm.loading ? loader : empty"></ng-template>
}
<ng-template #loader>Loading</ng-template>
<ng-template #empty>Empty</ng-template>
Please provide a link to a minimal reproduction of the bug
No response
Please provide the exception or error you saw
No response
Please provide the environment you discovered this bug in (run ng version)
Angular CLI: 17.0.5
Node: 20.9.0
Package Manager: pnpm 8.11.0
OS: darwin arm64
Angular: 17.0.5+sha-7c863d7
... core
Package Version
-------------------------------------------------------------
@angular-devkit/architect 0.1700.1
@angular-devkit/build-angular 17.0.5
@angular-devkit/core 17.0.5
@angular-devkit/schematics 17.0.5
@angular/animations 17.0.5
@angular/cdk 17.0.1
@angular/cli 17.0.5
@angular/common 17.0.5
@angular/compiler 17.0.5
@angular/compiler-cli 17.0.5
@angular/elements 17.0.5
@angular/forms 17.0.5
@angular/google-maps 15.2.9
@angular/language-service 17.0.5
@angular/localize 17.0.5
@angular/platform-browser 17.0.5
@angular/platform-browser-dynamic 17.0.5
@angular/router 17.0.5
@angular/service-worker 17.0.5
@schematics/angular 17.0.5
ng-packagr 17.0.2
rxjs 7.8.0
typescript 5.2.2
webpack 5.88.2
zone.js 0.14.2
Anything else?
This is using the latest build of angular from the main branch via "@angular/core": "angular/core-builds#17.0.5+7c863d7"