How to make ion-input disabled?

Question

How can I disable ion-input?

<ion-input type="text"></ion-input>

I'm new at Ionic Framework, it is rather similar to HTML, but there is no property for attribute to disable it like:

.prop("disabled", true)

Answer 1

Ionic 2:

1. Static property:

    <ion-input disabled="true" type="text"></ion-input>
   

2. Dynamically:

   <ion-input disabled="{{isDisabled}}" type="text"></ion-input>
   

   After in the component(.ts file):

   private isDisabled: boolean=false;
   

Answer 2

disabled in small characters, it works on the boolean mechanism. bind the object of true and false so you will get the result.

<ion-input disabled="{{inputDisabled}}" [(ngModel)]="drill_plus" placeholder="Drill Plus" type="number"></ion-input>

your ts export class

inputDisabled: boolean = false;

condition

this.inputDisabled = true;

works for me. try this, hope you will get the answer.