I have the same issue with ion-segment in the page. Turns out in ionic 5.2 it requires [(ngModel)] present.

in my case: from:

<ion-segment (ionChange)="segmentChanged($event)" value="init">
  <ion-segment-button value="init">
    <ion-label>Init</ion-label>
  </ion-segment-button>
  <ion-segment-button value="using">
    <ion-label>Using</ion-label>
  </ion-segment-button>
</ion-segment>

to:

<ion-segment (ionChange)="segmentChanged($event)" [(ngModel)]="currentValue">
  <ion-segment-button value="init">
    <ion-label>Init</ion-label>
  </ion-segment-button>
  <ion-segment-button value="using">
    <ion-label>Using</ion-label>
  </ion-segment-button>
</ion-segment>

Thanks for the issue. This has been resolved via https://github.com/ionic-team/ionic/pull/21504, and a fix is now available as part of the Ionic Framework 5.2.1 release. Please update to v5.2.1 in order to receive this bug fix:

npm install @ionic/angular@latest

This bug was caused by https://github.com/ionic-team/ionic/commit/e95b481a53191582bca635f322ad07eadbd62d64. When attempting to get an NgControl on a component, Angular threw an error for components that were not part of a form/did not have ngModel.

The fix for this involves checking to see if the component in question is part of a form/has an ngModel to avoid this error.

Apologies for any inconvenience this may have caused. For any additional bugs, please open a new issue. Thanks for using Ionic!

The same issue here.

nice and thanks for the fast fix 😃. I wanted to create a PR this evening, but you were faster 😄.

I came here to report this as well.

I just updated to @ionic/angular: 5.2.0

and this error appears:

ERROR NullInjectorError: R3InjectorError(ReadPageModule)[NgControl -> NgControl -> NgControl -> NgControl]: NullInjectorError: No provider for NgControl! at NullInjector.get (http://localhost:8100/vendor.js:24111:27) at R3Injector.get (http://localhost:8100/vendor.js:38151:33) at R3Injector.get (http://localhost:8100/vendor.js:38151:33) at R3Injector.get (http://localhost:8100/vendor.js:38151:33) at NgModuleRef$1.get (http://localhost:8100/vendor.js:55443:33) at R3Injector.get (http://localhost:8100/vendor.js:38151:33) at NgModuleRef$1.get (http://localhost:8100/vendor.js:55443:33) at Object.get (http://localhost:8100/vendor.js:53178:35) at getOrCreateInjectable (http://localhost:8100/vendor.js:27945:39) at NodeInjector.get (http://localhost:8100/vendor.js:28193:16)

wow that was fast, thanks @liamdebeasi

Thanks for the issue. We are looking into this.

Solved by adding [ngModel], the point is that we are using the component <ion-input> as a simple “preview component” with no backend, so we had to add a var into .ts and add [ngModel], as @copaste said, this is a breaking change, actually the official documentation is wrong, examples would not work:

This is not mentioned in the changelog

As it contains no breaking changes.

في خميس، 11 يونيو، 2020 في 4:10 ص، كتب Zhipeng Zeng < notifications@github.com>:

I have the same issue with ion-segment in the page. Turns out in ionic 5.2 it requires [(ngModel)] present.

in my case: from:

<ion-segment (ionChange)=“segmentChanged($event)” value=“init”> <ion-segment-button value="init"> <ion-label>Init</ion-label> </ion-segment-button> <ion-segment-button value="using"> <ion-label>Using</ion-label> </ion-segment-button> </ion-segment>

to:

<ion-segment (ionChange)=“segmentChanged($event)” [(ngModel)]=“currentValue”> <ion-segment-button value="init"> <ion-label>Init</ion-label> </ion-segment-button> <ion-segment-button value="using"> <ion-label>Using</ion-label> </ion-segment-button> </ion-segment>

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/ionic-team/ionic/issues/21489#issuecomment-642362552, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAPNVMLZIWOIKI4GRJNKZK3RWA4HPANCNFSM4N2ZUOMA .