ION-LIST заполнить левую правую сторону разным содержимым

Question

Я хочу заполнить левую и правую части ионного списка различными метеоданными разных стран. Я надеюсь, что кто-то может помочь мне. Я искал решение в течение нескольких часов.

НАЖМИТЕ ЗДЕСЬ ДЛЯ GUI ПРИЛОЖЕНИЯ

Это GUI GUI

Вот так выглядит мой код для выбора списка ионов:

<ion-view title="Termine" hide-nav-bar="true" id="page3" style="background-color: rgb(220, 220, 224);" >
  <ion-nav-buttons side="right">
      <button class="button button-icon icon ion-plus-round"></button>
  </ion-nav-buttons>
  <ion-content padding="true" class="manual-ios-statusbar-padding">

    <div ng-controller="WeatherBerlinCtrl">
    <!-- WEATHER SECTION -->
    <ion-list id="termine-list">
      <ion-item class="item-thumbnail-left" id="termine-list-item46"style="">

      <img src={{vWeatherLinkIcon}}>
      <h2 style="text-align: left; width:49%; display: inline-block; font-weight: bold;">Berlin {{vWeatherActDegrees}} °C</h2> 

      <!-- <img style="float: right;" src={{vWeatherLinkIcon}}> -->
      <h2>Max: {{vWeatherMaxDegrees}} °C</h2>
      <h2>Min: {{vWeatherMinDegrees}} °C</h2>

<!--       <div class="item-thumbnail-right">
                <img style="float: right;"  src={{vWeatherLinkIcon}}>
     <div ng-controller="WeatherKabulCtrl">
      <h2 style="text-align: right; width:50%;  display: inline-block;  font-weight: bold;">Berlin {{vWeatherActDegrees}} °C</h2>
                      </div> -->

    </ion-list>
    <div class="spacer" style="width: 748px; height: 15px;"></div>`

Answer 1

Как насчет использования ионной сетки внутри вашего списка ионов?

 <ion-grid>
  <ion-row>
    <ion-col>
      left
    </ion-col>
    <ion-col>
      right
    </ion-col>
  </ion-row>
</ion-grid>

ионный док