Как сделать 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 делаю.