Как изменить радио-кнопку по умолчанию на мобильном телефоне Angular JS

У меня есть представление, которое загружается на рабочий стол в таблице списков, которая отлично работает на рабочем столе, но на мобильном устройстве мне нужно изменить отображение на сетку, поскольку оно значительно улучшает работу на мобильных устройствах и отлично выглядит.

Вы можете увидеть приведенный ниже код, который назначает "Список" в качестве представления по умолчанию, но мне нужно, чтобы он изменился на "Сетка" на мобильных устройствах. Может ли кто-нибудь помочь мне найти способ сделать это с угловатым дружеским отношением?

$scope.view = "List";

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

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