不可能编辑输入，除了第一个离子列表

我是初学离子。该应用程序在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>

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

来源

2017-11-11 Devernay Stéphane

你将如何绑定数据？没有'ngModel'？ – Sampath

感谢您的回答。我刚开始学习离子，我尝试了这些离子输入，但是我想在处理数据之前解决它们的行为（保持可编辑）。 –

删除'fixed'并看看。 – Sampath

您可以尝试删除padding，如下所示。

<ion-content> 
<ion-item> 
    <ion-label fixed>Distance(km):</ion-label> 
    <ion-input type="number" text-right></ion-input> 
</ion-item> 
</ion-content>

来源

2017-11-11 16:03:23 Sampath

我试过了。有一个变化：现在它是第二个可编辑的离子输入，但第一，第三和第四个被禁用。 –

查看更新。申请'text-right'。 – Sampath

抱歉没有改善。暂时停下来。谢谢您的帮助。将尝试以后解决 –

我发现了一个解决方案，即离子输入不会失去焦点并保持可编辑状态。我在给定的代码中删除了离子标题，离子内容和离子列表标记。现在，它与Android完美结合。但作为离子的新用户，我并不真正了解我通过去除这些标签而导致的问题。

UPDATE

我终于找到了解决方案：在SCSS ，添加：

.input-cover { 

    position: static; 

}

现在输入总是可聚焦和我可以使用离子含量，离子报头。

来源

2017-11-13 22:00:39

不可能编辑输入，除了第一个离子列表

回答

相关问题