Question

Ionic2文档中有相当不错的输入示例，但有人尝试使用输入和标签左侧的图标创建普通标签（不浮动等）吗？

我认为可能会这样：

<ion-item>
        <ion-icon name="logo-playstation"></ion-icon>
        <ion-label>PSN</ion-label>
        <ion-input clearInput type="text"></ion-input>
</ion-item>

但是图标不适合。我应该使用<div>或者你会怎么做？

Answer 1

您必须在离子标签内使用ion-icon

<ion-item>        
        <ion-label> <ion-icon name="logo-playstation"></ion-icon> PSN</ion-label>
        <ion-input clearInput type="text"></ion-input>
</ion-item>

Answer 2

我不得不在一行中的一个单独的字段中使用一个图标和输入元素..在一个表内..在一个离子列中...和一个离子行内。

    <ion-row>
        <ion-col col-auto>
            <table>
                <tr>
                    <td>
                        <ion-icon name="logo-playstation"></ion-icon>
                    </td>
                    <td>
                        <ion-input clearInput type="text"></ion-input>
                    </td>
                </tr>
            </table>
        </ion-col>
     </ion-row>

离子2：用图标标签输入

2 个答案: