ionic2/ionic3 ion-item内部不渲染div或者span以及其他元素,可以说是任何自定义的html元素
只识别<ion-label>
但是如下结构
<ion-input type="number" placeholder="请输入最小值"></ion-input>
<ion-label>至</ion-label>
<ion-input type="number" placeholder="请输入最大值"></ion-input>
</ion-item>
你猜怎么着,中间的label元素渲染后居然跑到第一个去了,崩溃。。。。
其他的结构
<ion-input type="number" placeholder="请输入最小值"></ion-input>
<span>至</span>
<div>至</div>
<ion-input type="number" placeholder="请输入最大值"></ion-input>
</ion-item>
中间俩元素直接不渲染,查看渲染后的网页,这俩直接就没有,蹦。。。。
最后参考了,大神们的博客,根本原因如下: