如何更改Mobile Angular JS上的默認單選按鈕

Question

我有一個加載在桌面上的列表中的視圖，該列表在桌面上非常合適，但是在移動設備上，我需要將顯示更改為網格，因為它在移動設備上的格式要好得多，而且看起來很棒。

您可以看到下面的代碼，該代碼將“列表”分配為默認視圖，但是我需要在移動設備上將其更改為“網格”。 有人可以幫我找到一種以友好的方式做到這一點的方法嗎？

$scope.view = "List";

$scope.changeViewToList = function () {
    $scope.view = "List";
};

$scope.changeViewToGrid = function () {
    $scope.view = "Grid";
};

Answer 1

盡管這不是解決問題的最優雅或“折騰”的方法，但仍然很容易解決。

if(window.innerWidth <= 800) {
        $scope.view = "Grid";
    } else {
        $scope.view = "List";
    }