イオン入力を無効にする方法は？

Question

ion-inputを無効にするにはどうすればよいですか？

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

私はそれをHTMLにかなり似ていますが、好きで、それを無効にする属性のためのプロパティがありません、イオン性の枠組みに新たなんだ：

.prop("disabled", true)

Answer 1

イオン2：

1. 静的プロパティ：

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

2. Dinamically：

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

   コンポーネント（.TSファイル）にした後：小さな文字で無効

   private isInputDisabled:boolean=false; 
   

Answer 2

あなたは単に財産であることを行うことができますバインディング：

<ion-input type="text" [Disabled]="inputDisabled"></ion-input> 

そして、あなたのコンポーネントにあなたがその変数を定義する必要があります。

class YourComponent { 
    inputDisabled: boolean; 

次にあなたが欲しいwhereeverそれを設定することができます。

this.inputDisabled = true; 

Answer 3

、それはboolean型のメカニズムで動作します。 trueとfalseのオブジェクトをバインドして、結果を得ます。私にとって

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

あなたのTS エクスポートクラス

inputDisabled: boolean = false; 

条件

this.inputDisabled = true; 

作品。 これを試して、あなたが答えを得ることを願っています。