ion-range two-way binding not working in Ionic v4

Question

I'm trying to figure out how to data-bind an ion-range in ionic v4. The usage guide for v4 is light on info and I keep getting an error that reads, "can't bind to ngmodel since it isn't a known property of ion-range".

Example from ionic v3 documentation

<ion-item>
  <ion-range [(ngModel)]="brightness">
    <ion-icon range-left small name="sunny"></ion-icon>
    <ion-icon range-right name="sunny"></ion-icon>
  </ion-range>
</ion-item>

Do you have the Angular `FormsModule` imported in the right module? — R. Richards, Aug 23 '19 at 18:54
It sounds like you haven't imported the FormsModule, this needs to be imported in the same module where the code is (e.g. app.module or page.module if lazy loaded) — chrismclarke, Aug 23 '19 at 19:05

score 1 · Answer 1 · answered Aug 23 '19 at 22:19

1

Answered in the comments section - the FormsModule had not been imported correctly. More discussion on how to import in:
Angular error: "Can't bind to 'ngModel' since it isn't a known property of 'input'"

answered Aug 23 '19 at 22:19

chrismclarke

1,995
10
16

ion-range two-way binding not working in Ionic v4

1 Answers1