別のフォルダにあるHTMlファイルにリンクしてURLを更新します

Question

私のコントローラには、index.htmlを取得したいフォルダ名を定義する文字列があります（すべてのフォルダにindex.htmlがあると仮定します）：

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

これらのファイルごとにHTMLページにリンクが必要です。 1がクリックされた場合、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リピートからフォルダ名を渡して、そのように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 
    }); 

しかし、私は、フォルダのページからフォルダ名をクリックすると、今、Webアプリケーションは、私が欲しいものではありませんURLにfolderNames.viewのtemplateUrlからPATH_TO_FOLDERを追加します。私はむしろ状態の遷移よりも、私はちょうど私のプロジェクトディレクトリ内の別のフォルダからHTMLファイルを表示したいので、私は、UI-SREFを使用してはならないことを考えています。

クリックしたfolderNameを含めるようにURLを更新し、そのfolderNameからindex.htmlを表示するにはどうすればよいですか？

Answer 1

同じようng-href何かで補間を使用します。これは、あなたが

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

Answer 2

などのスコープ内の変数がちょうど

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

ため息を入れていた前提としてい

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

。