是否可以更改離子行的順序？

Question

我正在實現一個響應式網格，就像你在圖片中看到的那樣：

我知道可以更改 Ionic 中列的順序，但是可以對行做同樣的事情嗎？

例如，當前行的順序是紅色、黃色和綠色。 對於大屏幕，我希望它是綠色、紅色和黃色。 那可能嗎？ 類似於offset-*或push-*和pull-*類的東西pull-*但對於行。

或者您會嘗試找到更好的方法嗎？ 也許使用列的另一種結構，我們知道可以排序。

現在，這是我的代碼：

  <ion-grid>
    <ion-row>
      <ion-col col-12>
        <ion-row>
          <ion-col>
            Things inside
          </ion-col>
        </ion-row>

        <ion-row>
          <ion-col>
            Things inside
          </ion-col>
        </ion-row>

        <!-- I want this row to be the first on large screens -->
        <ion-row>
          <ion-col>
            Things inside
          </ion-col>
        </ion-row>
      </ion-col>

      <ion-col col-12>
        Things inside
      </ion-col>
    </ion-row>
  </ion-grid>

Answer 1

• 將每一行內的數據移動到一個 javascript 對象並更改 UI 以實現一個 forEach 來加載所有數據

class ColData: any;
class RowData: ColData[];
class GridData: RowData[];

• 當屏幕尺寸是您想要的時

window.attachEvent('onresize', function(event) {
  // trigger here
});

改變對象的順序

PS：您可能必須使用 changedetector