rc.10 brake [ngClass]

🐞 bug report

Affected Package

I think @angular/core

Is this a regression?

Yes, it work with rc.9

Description

When evaluating expression in tamplate form

🔬 Minimal Reproduction

<form (ngSubmit)="onSubmit3Months(f1)"
          novalidate
          #f1="ngForm">

<input [(ngModel)]="fromDate"
            #fd="ngModel"
            [ngClass]="{'is-invalid':fd.errors?.required && fd.touched || fd.errors && f1.submitted}"
            class="form-control form-control-sm"
            name="fromDate"
            id="fromDate3Month"
            type="date">
  <div *ngIf="fd?.errors?.required && fd.touched"
           class="invalid-feedback">
       Obvezno
   </div>
</form>

🔥 Exception or Error

There is no error in compile phase nor in dev console

🌍 Your Environment

Angular Version:

Anything else relevant?

[pkozlowski-opensource]

@martinpirlot glad that you’ve got a work-around for rc.10 but the good news is that it was fixed in rc.11. Closing this issue.

[pkozlowski-opensource]

@martinpirlot thnx for the stackblitz - it gives me the use-case! You probably can’t reproduce it with stackblitz since, AFAIK, it doesn’t run on ivy by default. In any case, the scenario is valuable.

I don’t want you to spend time tracking those things over the weekend - I think that I’ve got enough context here and I believe that I know what is going on here (plus, I think that it is fixed in master already).

I will poke around and ping you if I need more info. Thnx so much for getting back to us with more details!