私はこれが私のコードである

Question

<ion-item-group *ngIf="tuesdayJson"> 
 
      <ion-item-divider class="" sticky> {{tuesdayJson.dayOfWeek}} 
 
      </ion-item-divider> 
 
       <ion-item class="transparency" *ngFor="let event of tuesdayJson.agendaEvents"> 
 
       <ion-row class="agenda-event-row {{event.rowType}}"> 
 

 
        <ion-col width-25> 
 
        item 1 
 
        </ion-col> 
 
        <ion-col width-25> 
 
         item 2 
 
        </ion-col> 
 
        <ion-col width-25> 
 
         item 3 
 
        </ion-col> 
 
        <ion-col width-25> 
 
         item 4 
 
        </ion-col> 
 

 
       </ion-row> 
 
       </ion-item> 
 
</ion-item-group>

[ionic2]私のイオンアイテムの内側に私の列の幅を変更するように見えることはできません。私は私のイオンの色のタグに幅の値を追加すると、私は特定の幅を取得すると思います。この場合、4つの等しい列が必要です。

これは私が得るものです：

誰かが私が間違っているのを教えていただけますか？カラム幅のものは、イオン成分の内部ではなく、イオン成分の内部で完璧に機能します。

Answer 1

Ionic 3の最終更新以来、私たちはグリッドの使用方法を変更しました。 <ion-col>にはwidth-xという属性はありません。彼らは12 colsグリッドスキーム（多くはBootstrapのものと同様）に変更されました。

したがって、この場合には、あなたのコードは次のようにする必要があります：あなたはさらにグリッドについての説明、画面サイズや他のすべてを必要とする場合は、単にIonic 3 grid Docsを参照してください

<ion-row class="agenda-event-row {{event.rowType}}"> 
    <ion-col col-3> 
    item 1 
    </ion-col> 
    <ion-col col-3> 
    item 2 
    </ion-col> 
    <ion-col col-3> 
    item 3 
    </ion-col> 
    <ion-col col-3> 
    item 4 
    </ion-col> 
</ion-row> 

。

希望するもの：D