如何禁用离子输入？

Question

如何停用ion-input？

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

我是Ionic Framework的新手，它与HTML非常相似，但没有属性属性可以禁用它：

.prop("disabled", true)

Answer 1

离子2：

1. 静态属性：

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

2. 动态：

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

   在组件（.ts文件）之后：

   private isDisabled: boolean=false;
   

Answer 2

禁用小字符，它适用于布尔机制。 绑定true和false的对象，这样你就可以得到结果。

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

你的ts 出口类

inputDisabled: boolean = false;

条件

this.inputDisabled = true;

适合我。 试试这个，希望你能得到答案。

Answer 3

如果您想在没有任何条件的情况下禁用输入字段，可以使用禁用指令，如下所示：

<ion-input type="text" placeholder="Enter Input" disabled></ion-input>

如果要在某些条件下禁用输入字段，可以在打字稿文件中定义一个变量，并将其分配给禁用指令，如下所示：

example.ts：
private isDisabled：boolean = false;

example.html

<ion-input type="text" placeholder="Enter Input" [disabled]="isDisabled"></ion-input>

因此，如果 isDisabled 变量的值为true，它将被禁用，否则它将启用，用户可以输入他/她想要的任何内容。

希望将来对某人有所帮助。
感谢