Since I've installed @angular/forms I have problems with ion-segment ngModel

Ionic Framework ionic-v3
1

I updated my ionic to beta 11. Then I got an exception: @angular/forms are missing. Ok - I installed them.

Now I have a problem with the following code:

  <ion-toolbar no-border-top>
    <ion-segment [(ngModel)]="typeFilter">
      <ion-segment-button value="all">
        All
      </ion-segment-button>
      <ion-segment-button value="friends">
        Friends
      </ion-segment-button>
      <ion-segment-button value="spots">
        Spots
      </ion-segment-button>
    </ion-segment>
  </ion-toolbar>

Now I get this exception:

EXCEPTION: Error: Uncaught (in promise): EXCEPTION: Error in build/pages/activities/activities.html:9:17
ORIGINAL EXCEPTION: No value accessor for ''
ORIGINAL STACKTRACE:
Error: No value accessor for ''
    at new BaseException (http://localhost:8100/build/js/app.bundle.js:2289:23)
    at _throwError (http://localhost:8100/build/js/app.bundle.js:4657:11)
    at Object.setUpControl (http://localhost:8100/build/js/app.bundle.js:4632:9)
    at NgModel.ngOnChanges (http://localhost:8100/build/js/app.bundle.js:4067:22)
    at DebugAppView._View_ActivitiesComponent0.detectChangesInternal (ActivitiesComponent.template.js:1325:48)
    at DebugAppView.AppView.detectChanges (http://localhost:8100/build/js/app.bundle.js:30442:14)
    at DebugAppView.detectChanges (http://localhost:8100/build/js/app.bundle.js:30547:44)
    at DebugAppView.AppView.detectViewChildrenChanges (http://localhost:8100/build/js/app.bundle.js:30468:19)
    at DebugAppView.AppView.detectChangesInternal (http://localhost:8100/build/js/app.bundle.js:30453:14)
    at DebugAppView.AppView.detectChanges (http://localhost:8100/build/js/app.bundle.js:30442:14)
ERROR CONTEXT:
[object Object]
2

Which version of forms? 0.2.0 or 0.3.0? I think it still recommended to stay at 0.2.0.

Chris

1 Like