ionic3 - Ionic 3：按钮不可点击，无法在浏览器上编辑输入

Question

我无法在浏览器上添加输入，并且单击按钮不会在 ts 文件中执行 sign() 。

 <ion-content padding>
  <ion-list>

    <ion-item>
      <ion-label floating>Username</ion-label>
      <ion-input type="text" value=""></ion-input>
    </ion-item>

    <ion-item>
      <ion-label floating >Password</ion-label>
      <ion-input type="password"></ion-input>
    </ion-item>

  </ion-list>

  <div padding>
    <button ion-button block (click)="sign()">Sign In</button>
  </div>
</ion-content>

标签： ionic3

Answer 1

TL;DR 在 ion-item 元素上显式设置属性 disabled="false"。

细节：

如果您查看标准输入标签附近的离子输入代码，则有一个

无论出于何种原因，此 div 通常与 touchstart、touchend、mousedown 和 mouseup 事件相交。（链接）

但最重要的一点是，当对应的输入被禁用时，这个 div 不会对任何使用指针事件的事件做出反应：无规则（链接）

似乎 ion-input 默认将 disabled 属性设置为 true ，并在下一个更改检测周期后重新分配它。因此明确设置 disabled="false" 可能有助于 ionic 使用正确的默认值。