mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
Kristiyan Kostadinov
71e0c7df69
Fixes an edge case where a single-line elemnt with a long tag name a closing bracket on a new line was putting the control flow migration into an infinite loop. Fixes #54587. PR Close #54588
Control Flow Syntax migration
Angular v17 introduces a new control flow syntax. This migration replaces the
existing usages of *ngIf, *ngFor, and *ngSwitch to their equivalent block
syntax. Existing ng-templates are preserved in case they are used elsewhere in
the template. It has the following option:
path- Relative path within the project that the migration should apply to. Can be used to migrate specific sub-directories individually. Defaults to the project root.
NOTE: This is a developer preview migration
Before
import {Component} from '@angular/core';
@Component({
template: `<div><span *ngIf="show">Content here</span></div>`
})
export class MyComp {
show = false;
}
After
import {Component} from '@angular/core';
@Component({
template: `<div>@if (show) {<span>Content here</span>}</div>`
})
export class MyComp {
show = false
}