角度 – 如何在IONIC 3中的离子项部分内显示两个离子场

前端之家收集整理的这篇文章主要介绍了角度 – 如何在IONIC 3中的离子项部分内显示两个离子场前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要在一行中显示两个输入字段,如下所示:

enter image description here

但是当我使用时:

<ion-list>
<ion-item>
  <ion-label stacked> Phone Number</ion-label>
  <ion-grid>
    <ion-row>
      <ion-col>
        <ion-input type="tel" placeholder="Area code"></ion-input>
      </ion-col>
      <ion-col>
        <ion-input type="tel" placeholder="Number"></ion-input>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-item>

但它没有显示任何屏幕像:

enter image description here

请帮我.

解决方法

请尝试在离子项之前添加离子行.我希望这可以帮到你.谢谢

<ion-list>

  <ion-label stacked> Phone Number</ion-label>

    <ion-row>
    <ion-item col-6>
        <ion-input type="tel" placeholder="Area code"></ion-input>
    </ion-item>
    <ion-item col-6>
        <ion-input type="tel" placeholder="Number"></ion-input>
    </ion-item>
    </ion-row>

</ion-list>

猜你在找的Angularjs相关文章