如何更改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";
    }