Javascript 离子2无法查看离子项目内部的跨度，如何呈现简单文本

我不确定我是否遗漏了什么，但当我尝试向离子项添加span时，span不会被渲染，也不会被div

<ion-card>
  <ion-card-title>
  </ion-card-title>
  <div>
    <button ion-button (click)="toggleEdit()">Edit</button>
  </div>
  <ion-list>
    <ion-card-content>
      <ion-item [hidden]="editOptions.!isEditing">
        <span class="inline-edit">Text</span>

        <ion-label color="primary">{{label}}</ion-label>
        <ion-input></ion-input>
        <span class="inline-edit">{{value}}&nbsp;</span>
      </ion-item>
      <ion-item [hidden]="!editOptions.isEditing">
        <ion-label color="primary">{{label}}</ion-label>
        <ion-input [(ngModel)]="value" [required]="required" [type]="type" [name]="value"></ion-input>
      </ion-item>
    </ion-card-content>
  </ion-list>
</ion-card>

编辑
正文
{{label}}
{{value}}
{{label}}

离子标签和输入显示和工作正常，但当我尝试在项目中使用span或div时，它们不会呈现。甚至当我检查他们的铬

---

如何呈现简单文本，是否不允许在组件中使用HTML？Ionic 2用于呈现少量文本的功能是什么？似乎标签必须始终覆盖在输入上，那么我应该使用什么组件？

这是因为内容投影的工作方式，

离子项

只会呈现一些组件（如

离子标签

和

离子输入

）但会忽略其他一些html元素

Attribute       Description
item-start      Placed to the left of all other elements, outside of the inner item.
item-end        Placed to the right of all other elements, inside of the inner item, outside of the input wrapper.
item-content    Placed to the right of any ion-label, inside of the input wrapper.

可能有其他方法来修复它，但您有两种选择：

1） 如果文本只是一个小文本，则可以使用

注释是离子项目中的详细项目。它创建灰显的元素 可以位于项目的左侧或右侧

请看一看，以便您可以使用这些属性，直到您获得所需的布局

  <ion-item style="background: transparent;">
      <span item-content class="inline-edit">Text</span>
      <ion-label color="primary">Label</ion-label>
      <ion-input></ion-input>
      <span item-content class="inline-edit">Value</span>
  </ion-item>

正文
标签
价值

奇怪的事情发生了，我回到我的项目中，现在spans正在项目中工作，我没有向它们添加任何类，但它们今天就开始工作了真的吗？哦你确定ionic/浏览器没有缓存视图吗？是的，我现在真的很困惑，回到项目后我会上传图片

  <ion-item style="background: transparent;">
      <span item-content class="inline-edit">Text</span>
      <ion-label color="primary">Label</ion-label>
      <ion-input></ion-input>
      <span item-content class="inline-edit">Value</span>
  </ion-item>