离子：带有固定标签和段落的离子项目

Question

Is possible create three ion-item like these using Ionic Framework?

No problem with the first one (standard disabled ion-input with fixed label ). I have some issue with the second one wich contains a fixed label , a <p> tag in the middle and a right button . The last one, also, a fixed label and a button with a paragraph in the middle content.

Can anyone help me? Thank you

Answer 1

I am not sure about what you want, but I think it is similar to what you want.

<ion-content padding>
<ion-list>
  <ion-list-header disabled="true" ><ion-label color="primary">Disabled</ion-label><ion-label >Item Disabled</ion-label></ion-list-header>
  <ion-item>
    <ion-icon ios="ios-close" md="md-close" color="primary" item-end></ion-icon>
    <ion-label color="primary">Label</ion-label>
    <ion-label> Value</ion-label>
  </ion-item>
  <ion-item>

    <ion-label color="primary">Label</ion-label>
    <ion-label><button ion-button round outline><ion-icon name="star"  color="primary"> </ion-icon></button>(Student)</ion-label>

    <ion-icon ios="ios-close" md="md-close"></ion-icon>
  </ion-item>
</ion-list>
</ion-content> 

thanks