如你所知,在第17角,我们可以用不同的语法来表示ngIf
、ngFor
等等.我正在寻找一种将html文件中的旧语法迁移到新语法的102方法,Angular 为17:
例如,我有一个15度角的旧html:
<ng-container *ngIf="!dynamicWidth; else FlexibleRef">
<div class="c-title"></div>
<div class="c-desc c-desc__short"></div>
<div class="c-desc c-desc__long"></div>
</ng-container>
<ng-template #FlexibleRef>
<div
*ngFor="let item of count | numberRange; let i = index"
[ngStyle]="{ width: (100 / count) * (i + 1) + '%' }"
class="flexible-desc"></div>
</ng-template>
并且在新的语法中需要它,如下所示:
@if (!dynamicWidth) {
<div class="c-title"></div>
<div class="c-desc c-desc__short"></div>
<div class="c-desc c-desc__long"></div>
} @else {
@for (item of count | numberRange; track item; let i = $index) {
<div [ngStyle]="{ width: (100 / count) * (i + 1) + '%' }" class="flexible-desc">. </div>
}
}