javascript - Ionic: How to display ion-item on multiple lines? -
the situation:
i using ionic build app.
i need display list of info regarding people. obtain using ionic list <ion-list>
along <ion-item>
since layout offers need.
the problem each <ion-item>
seems forced stay on single line, cutting text contains, shown picture:
the code:
<ion-list> <ion-item class="item"> name: <b> {{ person.name }} </b> </ion-item> <ion-item class="item"> email: <b> {{ person.email }} </b> </ion-item> <ion-item class="item"> title: <b> {{ person.title }} </b> </ion-item> <ion-item class="item"> bio: <b> {{ person.bio }} </b> </ion-item> </ion-list>
plunker:
here plunker recreates situation. can try resize browser, or internal windows, , can see how ion-item cut out content.
http://plnkr.co/edit/qx9fyrpiatk4lgj5g5rk?p=preview
the question:
how can display content in <ion-item>
element?
possible display content in multiple lines?
class item-text-wrap should out, this:
<ion-item class="item item-text-wrap"> bio: <b> lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </b> </ion-item>
Comments
Post a Comment