URL-адрес onclick неопределенный Angular JS

Question

Отображается список альбомов, но я хочу иметь возможность щелкнуть альбом в таблице, и он показывает список треков на той же странице.Когда я делаю это, URL говорит: "http://localhost/cm0665-assignment/#/album/undefined".

Я думаю, что это как-то связано с 'альбомным кодом'. Но не уверен, что делать.

javascript

$scope.selectedalbum = {};
$scope.selectAlbum = function ($event, album){
     $scope.selectedAlbum = album;
     $location.path('/album/' + album.albumCode);
};

HTML

<table>
    <tr data-ng-repeat="album in albums"
        data-ng-click="selectAlbum($event, album)"
        data-ng-class="{'selected':selectedAlbum.albumCode===album.album_id}"
        style="cursor: pointer;">
        <td>{{album.album_id}}</td><td>{{album.Name}}</td>
    </tr>
</table>