Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular Ionic2网格柱_Angular_Ionic Framework_Ionic2 - Fatal编程技术网

Angular 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">

我试图用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">
        <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}
这应该可以解决它