鏈接到另一個文件夾中的HTMl文件並更新URL

Question

在我的控制器中，我有一個字符串數組，這些字符串定義了要從其中獲取index.html的文件夾名稱（假設所有文件夾都具有index.html）：

$scope.folderNames = ['DCB', etc]

我想在HTML頁面上為每個文件提供一個鏈接； 當單擊一個時，URL應該以以下方式更新：

baseURL/folderNames/ --> baseURL/folderNames/DCB

在這種情況下，應顯示DCB的index.html。

目前，我正在做：

<table>
    <tr ng-repeat="folder in folderNames">
        <td>
            <!-- Not sure what to put here to load HTML file from another folder -->
        </td>
</table>

我以前使用ui-sref並從ng-repeat中傳遞folderName進入另一個狀態，像這樣更新URL：

$stateProvider
    .state('folderNames', {
        url: '/BASEURL/folderNames',
        templateUrl: 'PATH_TO_FOLDER_NAMES_HTML/view.html
    })
    .state('folderNames.view' {
        url: /:folder,
        templateUrl: 'PATH_TO_FOLDER/index.html
    });

但是現在，當我從文件夾頁面單擊folderName時，Web應用程序會將folderNames.view的templateUrl中的PATH_TO_FOLDER附加到URL上，這不是我想要的。 我在想我不應該使用ui-sref，因為我不想顯示狀態轉換，而只是想顯示項目目錄中另一個文件夾中的HTML文件。

我將如何更新URL以包括我剛剛單擊的folderName，然后顯示該folderName中的index.html？

Answer 1

只需在ng-href使用插值，例如：

<a ng-href="{{baseURL +'/' + folderNames +'/' + folder}}">{{folder}}</a>

假設您在范圍內有變量，例如

$scope.baseURL = '/appDirectory';
$scope.folderNames = 'images';

Answer 2

只是不得不把

 <a href="path/index.html"></a>

嘆。