Angular Ionic2网格柱
我试图用ionic2在每一行中填充两个项目(两列),但它不起作用Angular Ionic2网格柱,angular,ionic-framework,ionic2,Angular,Ionic Framework,Ionic2,我试图用ionic2在每一行中填充两个项目(两列),但它不起作用 <ion-grid> <ion-row wrap> <ion-col width-50 *ngFor="let item of items"> <div class="myCell"> <div class="card"> <div class="item item-body">
<ion-grid>
<ion-row wrap>
<ion-col width-50 *ngFor="let item of items">
<div class="myCell">
<div class="card">
<div class="item item-body">
<img class="full-image" src="...">
<div class="item item-avatar">
<img src="...">
</div>
<div style="font-size:3vw;margin:2vw"> {{item.name}}</div>
</div>
</div>
</div>
</ion-col>
</ion-row>
I use this code but it still not working, someone knows something about this difficult topic?
{{item.name}
我使用这段代码,但它仍然不起作用,有人知道一些关于这个困难的话题吗?
幸亏爱奥尼亚使用了一个网格系统,类似于bootstrap,有12列。 因此,如果你想让你的列占据50%的宽度,它们必须占据6列的空间(因为100%是12列) 只需将宽度-50更改为第6列
<ion-col col-6 *ngFor="let item of items">
爱奥尼亚使用了一个网格系统,类似于bootstrap,有12列。 因此,如果你想让你的列占据50%的宽度,它们必须占据6列的空间(因为100%是12列) 只需将宽度-50更改为第6列
<ion-col col-6 *ngFor="let item of items">
{{item.name}
这将修复它
{{item.name}
这应该可以解决它