Conditional readonly on ion-input


#1

polyfills.js:3 Unhandled Promise rejection: Template parse errors:
Can’t bind to ‘readOnly’ since it isn’t a known property of ‘ion-input’.

  1. If ‘ion-input’ is an Angular component and it has ‘readOnly’ input, then verify that it is part of this module.
  2. If ‘ion-input’ is a Web Component then add “CUSTOM_ELEMENTS_SCHEMA” to the ‘@NgModule.schema’ of this component to suppress this message.
    ("<input type=“checkbox” [(ngModel)]=“checked”>
    <ion-input [(ngModel)]=“group.name” type=“text” [ERROR ->][readonly]=“checked()”>


    "): GroupsPage@14:54 ; Zone: ; Task: Promise.then ; Value: Error: Template parse errors:(…) Error: Template parse errors:
    Can’t bind to ‘readOnly’ since it isn’t a known property of ‘ion-input’.
  3. If ‘ion-input’ is an Angular component and it has ‘readOnly’ input, then verify that it is part of this module.
  4. If ‘ion-input’ is a Web Component then add “CUSTOM_ELEMENTS_SCHEMA” to the ‘@NgModule.schema’ of this component to suppress this message.
    ("<input type=“checkbox” [(ngModel)]=“checked”>
    <ion-input [(ngModel)]=“group.name” type=“text” [ERROR ->][readonly]=“checked()”>


#2

Did you load the FormsModule? Can you post the template and backing?

it’s a known bug. For now you could hide the wrapping element until there’s a fix