离子3:离子列表未显示在离子项目内部

时间:2019-11-30 08:50:48

标签: angular ionic-framework ionic3 ion-list ion-item

我正在使用ionic v3。我正在尝试在ion-item中添加ion-list,但它不会在浏览器中显示。

此外,它在<!--bindings={"ng-reflect-ng-if": "false"}-->中给了我element section消息

这是我的代码:

<ion-item margin-bottom class="bond set-height" (click)="toggleToSingle()">
  <ion-label>Add Single Bond</ion-label>
  <ion-list margin-bottom no-lines class="bond set-inner-height inner-block">
    <ion-item no-lines>
      <ion-label>Bond Type</ion-label>
      <ion-select>
        <ion-option value="100">100</ion-option>
        <ion-option value="200">200</ion-option>
        <ion-option value="750">750</ion-option>
        <ion-option value="1500">1500</ion-option>
        <ion-option value="7500">7500</ion-option>
        <ion-option value="15000">15000</ion-option>
        <ion-option value="40000">40000</ion-option>
        <ion-option value="40000Pre">40000 premium</ion-option>
      </ion-select>
    </ion-item>
    <ion-item no-lines>
      <ion-label floating>Add here</ion-label>
      <ion-input type="text"></ion-input>
    </ion-item>
  </ion-list>
</ion-item>

在元素部分

enter image description here

在用户界面中

enter image description here

突出显示的区域是添加离子列表但未显示任何内容的地方。

有帮助吗?

0 个答案:

没有答案