Update angular/core et angular/cli

Front/skydivelogs-app/src/app/create-user/create-user.component.html

@@ -4,7 +4,7 @@
   style="padding: 10px"
   (ngSubmit)="onCreateSubmit()"
   [formGroup]="createForm"
->
+  >
   <p>
     <mat-form-field>
       <mat-label>{{ "LoginCreateUser_Firstname" | translate }}</mat-label>
@@ -15,13 +15,17 @@
         formControlName="firstname"
         [ngClass]="{ 'is-invalid': submitted && formCtrls['firstname'].errors }"
         tabindex="0"
-      />
-      <mat-error *ngIf="formCtrls['firstname'].hasError('required')">
-        {{ "LoginCreateUser_FirstnameRequired" | translate }}
-      </mat-error>
-      <mat-error *ngIf="formCtrls['firstname'].hasError('minlength')">
-        {{ "LoginCreateUser_FirstnamePattern" | translate }}
-      </mat-error>
+        />
+      @if (formCtrls['firstname'].hasError('required')) {
+        <mat-error>
+          {{ "LoginCreateUser_FirstnameRequired" | translate }}
+        </mat-error>
+      }
+      @if (formCtrls['firstname'].hasError('minlength')) {
+        <mat-error>
+          {{ "LoginCreateUser_FirstnamePattern" | translate }}
+        </mat-error>
+      }
     </mat-form-field>
   </p>
   <p>
@@ -33,13 +37,17 @@
         formControlName="lastname"
         [ngClass]="{ 'is-invalid': submitted && formCtrls['lastname'].errors }"
         tabindex="1"
-      />
-      <mat-error *ngIf="formCtrls['lastname'].hasError('required')">
-        {{ "LoginCreateUser_LastnameRequired" | translate }}
-      </mat-error>
-      <mat-error *ngIf="formCtrls['lastname'].hasError('minlength')">
-        {{ "LoginCreateUser_LastnamePattern" | translate }}
-      </mat-error>
+        />
+      @if (formCtrls['lastname'].hasError('required')) {
+        <mat-error>
+          {{ "LoginCreateUser_LastnameRequired" | translate }}
+        </mat-error>
+      }
+      @if (formCtrls['lastname'].hasError('minlength')) {
+        <mat-error>
+          {{ "LoginCreateUser_LastnamePattern" | translate }}
+        </mat-error>
+      }
     </mat-form-field>
   </p>
   <p>
@@ -51,13 +59,17 @@
         formControlName="email"
         [ngClass]="{ 'is-invalid': submitted && formCtrls['email'].errors }"
         tabindex="3"
-      />
-      <mat-error *ngIf="formCtrls['email'].hasError('required')">
-        {{ "LoginCreateUser_EmailRequired" | translate }}
-      </mat-error>
-      <mat-error *ngIf="formCtrls['email'].hasError('email')">
-        {{ "LoginCreateUser_EmailPattern" | translate }}
-      </mat-error>
+        />
+      @if (formCtrls['email'].hasError('required')) {
+        <mat-error>
+          {{ "LoginCreateUser_EmailRequired" | translate }}
+        </mat-error>
+      }
+      @if (formCtrls['email'].hasError('email')) {
+        <mat-error>
+          {{ "LoginCreateUser_EmailPattern" | translate }}
+        </mat-error>
+      }
     </mat-form-field>
   </p>
   <p>
@@ -69,13 +81,17 @@
         formControlName="username"
         [ngClass]="{ 'is-invalid': submitted && formCtrls['username'].errors }"
         tabindex="4"
-      />
-      <mat-error *ngIf="formCtrls['username'].hasError('required')">
-        {{ "LoginCreateUser_UsernameRequired" | translate }}
-      </mat-error>
-      <mat-error *ngIf="formCtrls['username'].hasError('minlength')">
-        {{ "LoginCreateUser_UsernamePattern" | translate }}
-      </mat-error>
+        />
+      @if (formCtrls['username'].hasError('required')) {
+        <mat-error>
+          {{ "LoginCreateUser_UsernameRequired" | translate }}
+        </mat-error>
+      }
+      @if (formCtrls['username'].hasError('minlength')) {
+        <mat-error>
+          {{ "LoginCreateUser_UsernamePattern" | translate }}
+        </mat-error>
+      }
     </mat-form-field>
   </p>
   <p>
@@ -87,18 +103,24 @@
         formControlName="password"
         [ngClass]="{ 'is-invalid': submitted && formCtrls['password'].errors }"
         tabindex="5"
-      />
-      <mat-error *ngIf="formCtrls['password'].hasError('required')">
-        {{ "LoginCreateUser_PasswordRequired" | translate }}
-      </mat-error>
-      <mat-error *ngIf="formCtrls['password'].hasError('pattern')">
-        {{ "LoginCreateUser_PasswordPattern" | translate }}
-      </mat-error>
+        />
+      @if (formCtrls['password'].hasError('required')) {
+        <mat-error>
+          {{ "LoginCreateUser_PasswordRequired" | translate }}
+        </mat-error>
+      }
+      @if (formCtrls['password'].hasError('pattern')) {
+        <mat-error>
+          {{ "LoginCreateUser_PasswordPattern" | translate }}
+        </mat-error>
+      }
     </mat-form-field>
   </p>
 
   <button [disabled]="!createForm.valid" mat-raised-button color="accent">
     {{ "LoginCreateUser_BtnLogin" | translate }}
   </button>
-  <div *ngIf="error" class="alert alert-danger mt-3 mb-0">{{ error }}</div>
+  @if (error) {
+    <div class="alert alert-danger mt-3 mb-0">{{ error }}</div>
+  }
 </form>