Javascript 查看不同的HTML页面？

我想根据用户点击的内容查看不同的HTML页面。例如，我设置了三个选项卡：

<div class="span7" >
    <ul class="nav nav-tabs" style="margin-bottom: 5px;">
        <li class="active"><a href="#" ng-click="first()" data-toggle="tab">First</a></li>
        <li><a href="#" ng-click="second()" data-toggle="tab">Second</a></li>
        <li><a href="#" ng-click="third()" data-toggle="tab">Third</a></li>
    </ul>
    <div class="span12" style="margin-left:0;" ng-grid="gridOptions"></div>
</div>

其中，在我的javascript文件中，source.sourceObject是根据单击

第一个

、

第二个

或

第三个

选项卡定义的。但是，我的实现不起作用。我确保source.sourceObject中的文件没有拼写错误。有什么想法吗？

在控制器中：

var pages = { 'one': 'partials/one.html', 'two':'partials/two.html' }
$scope.currentPage = pages['one'] ; //This is required if you want a default page 

$scope.first = function(){ $scope.currentPage = pages['one']; }
$scope.two = function(){ $scope.currentPage = pages['two']; }

在模板/HTML中

<div ng-include="currentPage"/>

<div ng-include="currentPage"/>