javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 03:32:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(item): add multiple ion-item-content for item columns

Browse Source
This commit is contained in:
Adam Bradley
2015-11-16 08:55:32 -06:00
parent 13fa14dff6
commit c6a173359f
3 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ionic/components/item/item.scss
View File

@ -140,8 +140,6 @@ ion-input.item {
align-items: flex-start; align-items: flex-start;
} }
ion-item-content + ion-item-content[cnt] {
// TEMP hack for https://github.com/angular/angular/issues/4582 display: none;
[item-right] {
order: 1;
} }

3
ionic/components/item/item.ts
View File

@ -33,7 +33,8 @@ import {Component} from 'angular2/angular2';
template: template:
'<ng-content select="[item-left]"></ng-content>' + '<ng-content select="[item-left]"></ng-content>' +
'<div class="item-inner">' + '<div class="item-inner">' +
'<ion-item-content>' + '<ng-content select="ion-item-content"></ng-content>' +
'<ion-item-content cnt>' +
'<ng-content></ng-content>'+ '<ng-content></ng-content>'+
'</ion-item-content>' + '</ion-item-content>' +
'<ng-content select="[item-right]"></ng-content>' + '<ng-content select="[item-right]"></ng-content>' +

12
ionic/components/item/test/text/main.html
View File

@ -44,6 +44,18 @@
<p>Paragraph line 3</p> <p>Paragraph line 3</p>
</ion-item> </ion-item>
<ion-item>
<ion-item-content>
Column 1
</ion-item-content>
<ion-item-content>
Column 2
</ion-item-content>
<ion-item-content>
Column 3
</ion-item-content>
</ion-item>
</ion-list> </ion-list>
</ion-content> </ion-content>