How Can I Change Default Radio Button On Mobile Angular JS

Question

I have a view that is loaded on desktop in a list table which works perfect on desktop, but on mobile I need to change the display to the grid as it formats much better on mobile and looks great.

You can see the code below that assigns the "List" as the default view, but I need it to change to "Grid" on mobile devices. Can someone help me find a way to do this in an angular friendly way?

$scope.view = "List";

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

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

Answer 1

While it's not the most elegant or "angularish" way to solve the issue, still a very easy fix.

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