Question

我尝试使用Angular bootstrap.ui Tabs制作标签。静态选项卡有效，但动态不显示标题和内容。在我的代码下面：

我的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>
...

此代码显示空白标签，可选择空白内容。

Answer 1

由于你没有包含所有代码，我不确定这是不是问题，但是如果你链接到一个plunker或小提琴，它将来会非常有用。这样，我们可以看到代码在运行中，并且使用该解决方案也更容易分叉。（此外，我发现掠夺者可以方便地将事情缩小到我正在处理的确切代码，这有助于我排除故障。）

以下是您的代码的编辑，编辑：http://plnkr.co/edit/u80OhmN7YqYRytFE7kG5?p=preview

使用你的设置时，我得到的唯一错误是它无法将你的控制器视为一个功能，这意味着它没有在ng-app上找到它。一旦我将ng-app =“app”添加到body标签，一切都开始工作了。由于我只获得了你发布的代码，我不确定，但这可能是一个问题。

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

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

将其更改为：

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

然后事情应该是行为。否则你在tab指令上有了ng-repeat，当指令只需要每个选项卡一个选项卡时。把部分放在ng-repeat中，而不是放在它旁边，我的意思是。

Answer 2

不确定它是否与您的案例相关，但我在不同的情况下遇到了同样的问题。如果你使用ng-include这样的<div ng-include="'mytemplate'" ng-controller="MyCtrl"></div>，那么在1.1.6和1.2.2之间有一个范围problem，这可能解释了为什么你可能没有看到维护。

Answer 3

感谢您的所有回复这是一个noob错误。我使用Django，{{...}}由Django模板系统评估。我添加了{% verbatim %}标记以转义角度部分并且它可以正常工作。

没有标题＆amp;使用bootstrap.ui标签的内容

3 个答案: