离子应用程序中的 ng-click 不会在 ios 上触发

Posted 2023-03-15

【中文标题】离子应用程序中的 ng-click 不会在 ios 上触发

【英文标题】：ng-click in ionic app doesn't fire on ios

【发布时间】：2015-12-10 11:20:17

【问题描述】：

我的 ionic 应用程序中的 ng-click 有一个烦人的问题。

这是问题所在的sn-p：

<ion-view hide-nav-bar="true">
  <ion-content has-header="false" overflow-scroll="true" padding="false" class="login">

    <img src="img/8ZehJaQ3RhWeZs5gIaNt_logo-il-club.svg"   style="margin: 15%; width: 70%; height: auto;">

    <form class="list">
      <div class="padded">
        <ion-list>
          <label class="item item-input item-floating-label">
            <span class="input-label login">Username</span>
            <input ng-model="data.cardnumber" name="username" type="number"  placeholder="Username">
          </label>

          <label class="item item-input item-floating-label">
            <span class="input-label login">Password</span>
            <input ng-model="data.password" name="password" type="password"  placeholder="Password">
          </label>

        </ion-list>
      </div>
    </form>

  </ion-content>

  <ion-footer-bar>
    <button ng-click="login();" type="button" name="login" class="button button-full button-positive button-block footer-button " >LOGIN</button>
  </ion-footer-bar>

</ion-view>

奇怪的是，这适用于 android 和 Google Chrome（使用离子服务），但不适用于 ios。

我尝试用on-tap 替换ng-click，但它没有改变任何东西（在Android 和浏览器上仍然有效，但在iOS 上无效）。 提前致谢。

【问题讨论】：

您的javascript console 或xcode output 中是否有任何错误？

没有错误，在 javascript 控制台中也没有在 xcode 输出中。

on-tap 应该在 ionic 应用上工作

是的，我已经尝试过 'on-tap'，但它仍然只适用于 Android 和浏览器

您使用的样式表是否与 ionic 自己的按钮发生冲突？

【参考方案1】：

试试这个：

<ion-footer-bar>
  <button class="bar bar-footer bar-positive" ng-click="closeModal()">
    <p class="title">Filter<p>
  </button>
</ion-footer-bar>

或

<ion-footer-bar class="bar-positive" ng-click="closeModal()">
  <p class="title">Filter<p>
</ion-footer-bar>