如何在Mobile Angular JS上更改默认单选按钮

Question

我有一个在桌面上加载的视图，它在桌面上完美运行，但在移动设备上，我需要将显示更改为网格，因为它在移动设备上的格式要好得多，看起来很棒。

您可以看到以下代码分配＆＃34;列表＆＃34;作为默认视图，但我需要将其更改为＆＃34; Grid＆＃34;在移动设备上。有人能帮助我找到一种方式以一种友好的方式做到这一点吗？

$scope.view = "List";

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

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

Answer 1

虽然它并不是最优雅的，但也不是最有优势的＆＃34;解决问题的方法，仍然很容易解决。

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