Javascript 角度选项卡选择将打开新页面，而不是在同一页面中打开

如何在同一页面中显示选项卡选择结果

我在我的页面中堆叠了3个选项卡，生成的html页面将加载到新页面中，而不是加载到同一页面中

我遵循下面的样品和它的工作良好，直到它的部分解释。

我在锚标签的href属性中提到了我的URL路径。 例：

我可以看到我的控制器和templateURL已加载，但在不同的页面中。 如果无法使用href，请与我分享要遵循的想法

（函数（）{
var-app=angular.module（'myApp'，[]）；
app.controller（'TabController'，函数（）{
这个.tab=1；
this.setTab=函数（tabId）{
this.tab=tabId；
};
this.isSet=函数（tabId）{
返回this.tab==tabId；
};
});
})();





AngularJs选项卡示例











表1
表1的说明
表2
表2的说明
表3
表3的说明
表4
表4的说明
表5
表5的说明
表6
表6的说明
表7
表7的说明
表8
表8的说明
是救援者

这将在父状态模板中呈现子状态
 我在您的代码笔示例中找不到
routeprovider
。。不要显示发送到新URL的纯文本…显示您的代码以及
routeprovider
<ul class="nav nav-tabs nav-stacked nav-pills" role="tablist">
    <li ng-class="{'active': view_tab == 'tab1'}">
        <a class="btn-lg" ng-click="changeTab('tab1')" href="/tabl">Tab1</a>
    </li>
    <li ng-class="{'active': view_tab == 'tab2'}">
        <a class="btn-lg" ng-click="changeTab('tab2')" href="/tab2">Tab2</a>
    </li>
    <li ng-class="{'active': view_tab == 'tab3'}">
        <a class="btn-lg" ng-click="changeTab('tab2')" href="/tab3"> Tab3 </a>
    </li>
</ul>

    .when('/tabl', {
        controller : 'URLController',
        templateUrl : './views/URL.html'
    })