android - 无法编辑输入,除了 ionic 列表的第一个

标签 android angular typescript ionic-framework ionic3

我是 ionic 的初学者。该应用程序在 Chromium 中运行良好。当 android 构建时,如果所有输入都已填充,则不可能再次编辑最后 3 个输入。这里是 html:

<ion-header>
<ion-navbar color="danger">
<ion-title>Ajouter une seance</ion-title>
</ion-navbar>

</ion-header>


<ion-content padding>
<ion-list>

<ion-item>
<ion-label fixed>Duree</ion-label>
<ion-input type="time" step="2" value="0" ></ion-input>
</ion-item>

<ion-item>
<ion-label fixed>Date</ion-label>
<ion-input type="date" value="0"></ion-input>
</ion-item>
<ion-item>
<ion-label fixed>Distance(km):</ion-label>
<ion-input type="number" ></ion-input>
</ion-item>

<ion-item>
<ion-label fixed>FC moyenne</ion-label>
<ion-input type="number" ></ion-input>
</ion-item>

</ion-list>
</ion-content>

这可能是显而易见的。感谢您的帮助。

最佳答案

我找到了一个解决方案,其中 ionic 输入不会失去焦点并保持可编辑状态。我在给定的代码中删除了 ion-header、ion-content 和 ion list 标签。现在,它与 Android 完美配合。但是作为 ionic 的新用户,我真的不明白删除这些标签会失去什么。

更新

我终于找到了解决办法: 在 scss 中,添加:

.input-cover {

   position: static;

}

现在输入总是可聚焦的,我可以使用 ion-content、ion-header。

关于android - 无法编辑输入,除了 ionic 列表的第一个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47239440/

相关文章:

android - 如何在 WebView 上加载保存的 WebArchive

android - 根据 exoplayer 演示应用程序中视频的纵横比更改表面 View 的纵横比

java - 如何在 android 中正确实现插页式广告?

angular - 当文本区域的值为空字符串时将其设置为 null?

angular - TS2611 : 'foo' is defined as a property in class 'A' , 但在 'B' 中作为访问器被覆盖

android - 在 Android 中调用 .NET 网络服务

Angular 2注入(inject)服务未定义

Angular 2 "Supplied parameters do not match any signature of call target"错误

javascript - 在 Angular 中将图像转换为文件类型

javascript - 返回由两个具有 RxJS 依赖关系的不同 Observable 组成的合并对象