Ionic 2のボタンの内側と右側にdivを合わせる

Question

私の要件は： ボタンを作成したいと思います。そのボタンの表示テキストには、「行番号」、「ステータス」、および上/下矢印が必要です。イオンアイテムタグの中にこのボタンを作成しています。 行番号はボタンの先頭に、他の2つは右に表示されます。ここに私のhtmlがあります。今のところ、私は行番号とステータスを考慮に入れました。 HTML：

app.scss

.alignLeft{ 
    float: left; 
} 

.alignRight{ 
    float: right; 
} 

で

<button detail-none (click)="expandItem(row)" ion-button full> 
    <div class="alignLeft">{{row["Activity #"]}}</div> 
    <div>class="alignRight">{{row["Status"]}}</div> 
</button> 

示唆してください。前もって感謝します ！

Answer 1

ボタンやイオンアイテムを使用すると、いくつかの問題が発生します。同じ機能を提供するイオングリッドを代わりに使用してみてください。