Как сделать 2 разные страницы на AngularJS

Решаю задачу. Пишу бэкенд на Spring Boot. Для фронтенда использую старый AngularJS. Делаю в виде одностраничного приложения: в папке resources/static создаю файл index.html с вёрсткой, и файл index.js который динамически запрашивает данные с бэка и отрисовывает. Выглядит index.js примерно так:

angular.module('app', []).controller('indexController', function ($scope, $http) {

    const contextPath = 'http://localhost:8080';
    console.log(contextPath);

    // Получить список клиентов
    $scope.getAllClients = function () {
        const url = contextPath + '/api/v1/clients';
        $http.get(url)
                .then(function (resp) {
                    $scope.Clients = resp.data;
                });
    };


    // ....

}

А сейчас я подумал, что на главной страничке я буду отображать основную информацию, а также список всех клиентов. А справа от каждого клиента хочу сделать кнопочку "Подробно", и при нажатии чтобы открывалась карточка клиента. И это будет запрос типа http://localhost:8080/client/{id}

Но ведь у нас AngularJS создан именно для одностраничных приложений. Значит 2 html файла создать не получится? Можете подсказать, что-то не соображу как быть.

Я знаю что можно делать по старинке, по архитектуре MVC, то есть на бэкенде генерить View с помощью шаблонизатора Thymeleaf, и отправлять эти представления на клиента. Но это устаревший способ, я так не хочу. Я именно бэкенд в виде REST Api делаю.


Ответы (0 шт):