从 AngularJS 中的对象数组中获取信息

我有一个实体 Country (fields: id, name, valuta) 和一个实体 City (fields: id, name, country_id) 即 一个国家有很多城市（一对多的关系）。

当我向后端发出请求以获取所有城市时，会出现这样的数组：

[
    {
        "id": 1,
        "name": Moscow
    },
    ...
]

对所有国家的要求：

[
    {
        "id": 1,
        "name": Russia,
        "valuta": "RUB",
        "cities": [
            {
                "id": 1,
                "name": Moscow
            },
            ...
        ]
    },
    ...
]

也就是说，在城市数组中，我看不到该城市属于哪个国家。我想在城市表的页面上显示这些信息：

<div>
        <h3>Список городов</h3>
        <table class="table table-hover" cellpadding="0" cellspacing="0">
            <thead>
            <tr>
                <td>ID города</td>
                <td>Название</td>
                <td>Страна</td>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="city in Cities">
                <td>{{city.id}}</td>
                <td>{{city.name}}</td>
                <td>?????????_КАК_????????????</td>
            </tr>
            </tbody>
        </table>
    </div>

现在js脚本是这样的：

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

    const contextPath = 'http://localhost:8082';
    console.log(contextPath);
    
    $scope.getCountries = function () {
        const url = contextPath + '/country';
        $http.get(url)
                .then(function (resp) {
                    $scope.Countries = resp.data;
                });
    };

    $scope.getCities = function () {
        const url = contextPath + '/cities';
        $http.get(url)
                .then(function (resp) {
                    $scope.Cities = resp.data;
                });
    };

    $scope.fillPage = function () {
        $scope.getCountries();
        $scope.getCities();
    };

    $scope.fillPage();
    
});

告诉我怎样才能得到它？我试图以某种方式在 js 脚本中做到这一点。可能需要一些棘手的方法。