Где заполнить несколько выпадающих списков

Я пытаюсь определить правильный подход к заполнению нескольких выпадающих списков на странице просмотра приложения.net MVC, которое использует angularJS.

В моем приложении, разработанном как приложение для силосов SLA. Я использую угловой модуль ngRoute и $ routeProvider для описания нескольких страниц HTML для одной страницы CSHTML.

.config(function ($routeProvider, $locationProvider) {
        $routeProvider.when('/club', { templateUrl: '/App/Club/Views/MCLView.html', controller: 'mclViewModel' });
        $routeProvider.when('/club/list', { templateUrl: '/App/Club/Views/MCLView.html', controller: 'mclViewModel' });
        $routeProvider.when('/club/show/:clubId', { templateUrl: '/App/Club/Views/ClubView.html', controller: 'clubViewModel' });
        $routeProvider.otherwise({ redirectTo: '/club' });
        $locationProvider.html5Mode(true);
    });

Моя страница CSHTML в основном пуста, за исключением <div ng-view></div>. Маршрутизированные HTML-страницы загружаются в div ng-view.

<div data-ng-app="club" id="club" data-ng-controller="rootViewModel">
    <h2>{{ pageHeading }}</h2>
    <div ng-view></div>
</div

Каждая страница просмотра html, загружаемая в ng-view, имеет соответствующий javascript-контроллер viewmodel.

Я начал заполнять первое раскрывающееся меню на странице html, используя $ http.get в угловом контроллере, чтобы получить данные списка (json) с вызова сервера. Затем выполните JSON.parse в файле result.data и заполните элемент управления списком выбора, который определен на странице html.

$scope.refreshColorsDropdown = function () {

    var sel = document.getElementById('colorDropdown');
    var colors = JSON.parse($scope.mycolors);
    angular.forEach(colors, function(color) {
        var opt = document.createElement('option');
        opt.innerHTML = color.name;
        opt.value = color.hex;
        sel.appendChild(opt);
    });
}

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

Будет ли разумный подход рассматривать построение одного вызова сервера, который возвращает несколько коллекций, по одному для каждого раскрывающегося списка, а затем я буду разбирать их, чтобы заполнить все выпадающие списки?

Я хотел бы предварительно заполнить списки на С# на стороне сервера, однако мои файлы cshtml пусты, за исключением div ng-view, поэтому там нет кодировки.

Итак, на мой вопрос... если мои HTML-представления содержат весь html-контент, а cshtml пустые... какую стратегию я должен использовать для заполнения нескольких элементов управления списком html со стороны сервера?