【问题标题】:ng-click in ionic app doesn't fire on ios离子应用程序中的 ng-click 不会在 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" 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>

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

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

【问题讨论】:

  • 您的javascript consolexcode output 中是否有任何错误?
  • 没有错误,在 javascript 控制台中也没有在 xcode 输出中。
  • on-tap 应该在 ionic 应用上工作
  • 是的,我已经尝试过 'on-tap',但它仍然只适用于 Android 和浏览器
  • 您使用的样式表是否与 ionic 自己的按钮发生冲突?

标签: ios angularjs cordova ionic-framework 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>

【讨论】:

    猜你喜欢
    • 2017-02-26
    • 1970-01-01
    • 2016-04-23
    • 1970-01-01
    • 1970-01-01
    • 2018-04-13
    • 2017-03-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多