【发布时间】: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 console或xcode output中是否有任何错误? -
没有错误,在 javascript 控制台中也没有在 xcode 输出中。
-
on-tap应该在 ionic 应用上工作 -
是的,我已经尝试过 'on-tap',但它仍然只适用于 Android 和浏览器
-
您使用的样式表是否与 ionic 自己的按钮发生冲突?
标签: ios angularjs cordova ionic-framework ionic