Angularjs 角度陷阱选项卡加载html片段

我目前正在使用Twitter引导进行AngularJS项目，并试图将引导指令转换为AngularJS。我决定使用AngularStrap，因为它支持引导选择（我不确定AngularUI是否也支持引导选择）。不过，本文只介绍了静态html。有没有办法通过AngularStrap或AngularJS动态加载html片段，以便只在单击选项卡时调用它？我的html片段也需要执行javascript

我这样做的原因有两个。首先，每个选项卡都包含相当多的内容，我不希望一次加载所有选项卡，这会降低加载速度。第二个原因是我更喜欢使用模块化的方法来编写源代码，而不是将所有内容都放在同一个html文件中。

您可以使用该指令来加载html片段

使用AngularStrap选项卡的示例，您可以使用url切换静态内容以检索html片段。基于AngularStrap选项卡示例，进行以下关键更改：

1）

$scope.tabs

现在有一个

页面

属性，而不是指向template1.html、template2.html或template3.html的内容

    $scope.tabs = [
    {title:'Home', page: 'template1.html'},
    {title:'Profile', page: 'template2.html'},
    {title:'About', page: 'template3.html'}
  ];

2） 添加一个

ng include

，以显示当前所选选项卡的页面

  <div ng-include src="tabs[tabs.activeTab].page"></div>

---

注意：我的

ng include

在

ng repeat

之外，因此不会加载每个选项卡的页面内容（即使没有显示）。

这个答案为我提供了一个使用内联选项卡内容的示例@Gloopy-这个例子现在似乎不起作用：那么页面内容不会改变你点击一个标签按钮的效果。你知道这项技术是否仍然有效吗？以下几点现在似乎有效：@Gloopy，你能帮我看看这个问题吗：