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

时间:2021-07-15 21:06:35

I'm having an annoying problem with the ng-click in my ionic app.

我的离子应用程序中的ng-click存在恼人的问题。

Here is the snippet where the problem is:

以下是问题所在的片段:

<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" width="70%" height="auto" 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>

What is weird is that this works on both Android and Google Chrome (with ionic serve), but not on iOS.

奇怪的是,这适用于Android和谷歌Chrome(使用离子服务),但不适用于iOS。

I tried replacing ng-click with on-tap, but it didn't change anything (still worked on Android and Browser, but not on iOS). Thanks in advance.

我尝试用on-tap替换ng-click,但它没有改变任何东西(仍在Android和浏览器上工作,但在iOS上没有)。提前致谢。

1 个解决方案

#1


0  

try this:

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

or

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

#1


0  

try this:

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

or

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