Javascript Angular UI中的动态选项卡失败？

创建了这个简单的测试用例，它显示了发生的错误：

HTML {{tab.title}} {{c}} JavaScript var TabsDemoCtrl=函数$scope{ $scope.name_to_class={'Dynamic Title 1'：'pull right'，//实际代码中的图标 '动态标题2'：'向右拉'}； $scope.tabs=[ {title:'dynamictitle 1'，内容：['foo'，'bar']}， {标题：'DynamicTitle 2'，内容：['can'，'haz']} ]; };

---

您不应该将ng repeat放置在tabset上

将ng重复放置在选项卡上

试试这个。 您需要重复选项卡而不是选项卡集，对吗

        <tabset >
            <tab ng-repeat ="tab in tabs" heading='{{tab.title}}'> 
                <ul class = "list-group" >
                  <li class = "list-group-item" ng-repeat='c in tab.content'> {{c}}
                </ul>
            </tab>
        </tabset>

        <tabset >
            <tab ng-repeat ="tab in tabs" heading='{{tab.title}}'> 
                <ul class = "list-group" >
                  <li class = "list-group-item" ng-repeat='c in tab.content'> {{c}}
                </ul>
            </tab>
        </tabset>