Css 离子2-无法在包含离子输入的离子项目内添加离子图标

我使用的是Ionic 2，在我的应用程序中，我正在创建一个表单，如果出现验证错误，相关输入字段的右侧将显示一个信息图标。HTML如下所示：

<ion-list inset padding>
        <ion-item>
            <ion-input type="text" placeholder="Email"></ion-input>
            <ion-icon name="ios-information-circle-outline" item-right></ion-icon>
        </ion-item>
    </ion-list>

当从上述示例中删除

时，将显示

---

这是离子2的限制吗？如何在包含

离子输入的
离子项目
中添加图标？
请尝试使用ngClass解决此问题

    <ion-item> 
        <ion-input type="text" placeholder="Email"></ion-input>
        <ion-icon [ngClass]="{'hide': true }" name="ios-information-circle-outline" ></ion-icon>
    </ion-item>

    <style>.hide { display:none; } </style>


.hide{display:none；}
我也面临着同样的问题，离子2存在一些问题，现在我是这样做的

<ion-row>
    <ion-col col-1>
          <ion-icon name="phone-portrait"></ion-icon>
    </ion-col>
    <ion-col col-11>
        <ion-item>
          <ion-label floating>Phone number</ion-label>
          <ion-input [(ngModel)]=" phoneNumber"  name="phoneNumber"  type="number"></ion-input>
        </ion-item>
    </ion-col>
</ion-row>


电话号码
请检查此项。这在ionic2中对我来说非常有效

<ion-item class="from-group details">
<ion-label fixed>Details</ion-label>
 <ion-input type="file"></ion-input>
  <ion-icon name="ios-camera-outline" item-right ></ion-icon>
 <ion-icon ios="ios-cloud-upload" md="md-cloud-upload"  item-right ></ion-icon>


细节

在
离子图标内使用
项目左侧
或
项目右侧
：

<ion-item>
  <ion-icon name="laptop" item-left></ion-icon>
  <ion-label>IT</ion-label>
</ion-item>


信息技术
如果添加边框颜色，可以看到差异
<ion-item>
  <ion-icon name="laptop" item-left></ion-icon>
  <ion-label>IT</ion-label>
</ion-item>