ionic3 - ionic 3 : buttons are not clickable and inputs can't be edited on browser

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>

Answer 1

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

详细信息:

如果您查看标准输入标签附近的 ion-input 代码，就会发现

无论出于何种原因，该 div 通常会与 touchstart、touchend、mousedown 和 mouseup 事件相交。 (link)

但最重要的一点是，当对应的输入被禁用时，该 div 不会对使用指针事件的任何事件使用react:无规则 ( link )

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