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