Angularjs：<iframe>替代解決方案來渲染來自服務器的文件

Question

我需要從我的應用程序中使用Angular構建的服務器中呈現HTML文件。我在左側導航欄中顯示目錄，並在左側導航欄中點擊每個文件時需要在右側呈現HTML文件。總之，我在我的申請中有以下三塊。

1. 左導航渲染目錄。 我已經使用angular指令來渲染目錄，其中數據來自json格式的服務器。
2. 在右側;我在頂部需要呈現來自服務器的HTML文件。
3. 在右側;在底部我使用角度指令來呈現評論列表。

對於＃2;我不確定我是否應該使用或者我也有其他解決方案。以下圖片可以幫助解釋我的要求。

尋找建議。如果這是愚蠢的查詢，請忽略。

Answer 1

這是你的想法嗎？ Live demo here (click)。

這在左側欄中有鏈接，點擊後會將相應的html文件加載到右側欄中。

<div class="left"> 
    <p>Click a filename to display.</p> 
    <a ng-repeat="file in files" ng-click="showFile(file)">{{file}}</a> 
</div> 
<div class="right"> 
    <div ng-include="current"></div> 
</div> 

和JS：

var app = angular.module('myApp', []); 

app.controller('myCtrl', function($scope) { 
    $scope.files = [ 
    'foo.html', 
    'bar.html', 
    'baz.html' 
    ]; 

    $scope.current = $scope.files[0]; 

    $scope.showFile = function(file) { 
    $scope.current = file; 
    } 
});