不可能编辑输入,除了第一个离子列表
我是初学离子。该应用程序在Chromium中运行良好。当Android设计,这是不可能的,如果所有的投入已经filled.Here的HTML重新编辑的最后3个输入:不可能编辑输入,除了第一个离子列表
<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>
这可能是显而易见的。谢谢您的帮助。
您可以尝试删除padding
,如下所示。
<ion-content>
<ion-item>
<ion-label fixed>Distance(km):</ion-label>
<ion-input type="number" text-right></ion-input>
</ion-item>
</ion-content>
我试过了。有一个变化:现在它是第二个可编辑的离子输入,但第一,第三和第四个被禁用。 –
查看更新。申请'text-right'。 – Sampath
抱歉没有改善。暂时停下来。谢谢您的帮助。将尝试以后解决 –
我发现了一个解决方案,即离子输入不会失去焦点并保持可编辑状态。我在给定的代码中删除了离子标题,离子内容和离子列表标记。现在,它与Android完美结合。但作为离子的新用户,我并不真正了解我通过去除这些标签而导致的问题。
UPDATE
我终于找到了解决方案:在SCSS ,添加:
.input-cover {
position: static;
}
现在输入总是可聚焦和我可以使用离子含量,离子报头。
你将如何绑定数据?没有'ngModel'? – Sampath
感谢您的回答。我刚开始学习离子,我尝试了这些离子输入,但是我想在处理数据之前解决它们的行为(保持可编辑)。 –
删除'fixed'并看看。 – Sampath