Javascript bootstrap.ui选项卡没有标题和内容

我试着用它做标签。静态选项卡工作，但动态选项卡不显示标题和内容。下面是我的代码：

我的JS：

(function (angular) {
  angular.module('numeter', ['ui.bootstrap']).
    controller('configurationMainTabCtrl', ['$scope', '$http', function ($scope, $http) {
      $scope.maintabs = [
        { title:"Users", content:"Test", url:"/user" },
        { title:"View", content:"", url:"/view" },
      ];
    }]);
}(angular));

我的HTML：

...
<div ng-controller="configurationMainTabCtrl">
 <tabset maintabs>
  <tab ng-repeat="maintab in maintabs">
   <tab-heading>{{maintab.title}}</tab-heading>
   {{maintab.content}}
  </tab>
 </tabset>
</div>
...

---

这段代码向我显示可选择的空选项卡，其中包含空内容。

由于您没有包含所有代码，我不确定这是否是问题所在，但在将来，如果您链接到plunker或fiddle，这将非常有帮助。通过这种方式，我们可以看到代码的运行情况，并且更容易将其与解决方案结合起来。另外，我发现Plunks非常方便，可以将内容缩小到我正在编写的确切代码，这有助于我进行故障排除

这是一个带有您的代码的plunker，已编辑：

当使用您的设置时，我得到的唯一错误是，它无法将您的控制器视为一个功能，这意味着它在ng应用程序上无法启动。当我将ng app=app添加到body标签时，一切都开始工作了。因为我只有你发布的代码，我不确定，但这可能是一个问题

另一个可能的罪魁祸首可能是以下两行：

<tabset maintabs>
    <tab ng-repeat="maintab in maintabs">

将其更改为：

<tabset>
    <div ng-repeat="maintab in maintabs">

---

然后事情就应该有规律了。否则，在tab指令上会有ng repeat，而该指令要求每个tab只包含一个tab。我是说，把零件放在ng repeat内，而不是放在它旁边

不确定这是否与您的案例相关，但我在另一个场景中遇到了相同的问题。如果您像这样使用ng include，那么在1.1.6和1.2.2之间有一个范围，这可能解释了为什么您可能没有看到MainTab。

感谢您的回复。

---

这是一个愚蠢的错误。我使用Django和{…}由Django模板系统计算。我添加了一个标签来逃避有角的部分，它工作了。

I'vz已经做了一个猛击，但它工作了。。。Thx为您提供建议。那么它在plunker中有效，但在您的完整应用程序中无效吗？编辑我的答案以突出显示两条关键线。是的，它在plunker中有效，在我的应用程序中不起作用。您可以编辑您的原始问题并添加指向该plunker的链接吗？感谢您向我展示该问题，但是问题来自于糟糕的Angular/Django用例；或者任何你喜欢的符号。