如何使用浮动标签进行离子选择答案

【问题标题】：how to use floating lable for ion-select如何使用浮动标签进行离子选择
【发布时间】：2017-01-01 10:00:06
【问题描述】：

如果我使用带有浮动标签的输入标签，它就像下图的电话标签一样。我使用带有浮动标签的选择标签，它就像国家标签一样。

我希望国家/地区也像电话标签一样。我怎样才能获得与电话标签一样的外观和感觉。

html代码

<ion-item width-50 >
  <ion-label floating>Phone</ion-label>
  <ion-input type="tel"></ion-input>
</ion-item>

<ion-item width-50>
  <ion-label floating>Country</ion-label>
  <ion-select [(ngModel)]="country">
    <ion-option>{{country}}</ion-option>
  </ion-select>
</ion-item>

【问题讨论】：

如果有人知道请给我建议

标签： angular typescript ionic2

【解决方案1】：

很遗憾，您不能使用 floating 标签来做到这一点。在外观方面，您可以预先选择选择元素的第一个选项，以避免该字段像那样为空。至少我们在表单中这样做是为了让它们看起来更漂亮。

另一种选择可能是将表单设计为您可以看到here，这样您就可以使输入字段看起来与选择元素相同。

【讨论】：