Question

我正在尝试使用angularstrap 2.1.0在AngularJS的标签视图中实现标签。

有一个主要标签，如＆＃34; Tab1＆＃34;，＆＃34; Tab2＆＃34;，＆＃34; Tab3＆＃34;，...＆＃34; Tabn＆＃34;每个标签可以有m个子标签，例如＆＃34; Subtab1＆＃34;，＆＃34; Subtab2＆＃34;，...＆＃34; Subtabm＆＃34;。

HTML

    <div ng-controller="myController">

      <div bs-active-pane="activeTab" bs-tabs="true">

      <div ng-repeat="tab in tabs" data-title="{{ tab.title }}" bs-pane="true">

         <div>Hello, tab : {{tab.title}}</div>

      <div bs-active-pane="tab.activeSubTab" bs-tabs="true">

        <div ng-repeat="subTab in tab.subtabs" data-title="{{ subTab.title }}" bs-pane="true">

        </div>
      </div>
    </div>
  </div>
</div>

JS

var app = angular.module('myApp', ['mgcrea.ngStrap']);

app.controller('myController', ['$scope', function(scope) {
  scope.tabs = [{
     title: 'Home',
   }, {
     title: 'Profile',
   }, {
     title: 'About',
 }];
 scope.activeTab = 0;

for (var index in scope.tabs) {
    var subtabs = [{
      title: 'sub1',
    }, {
      title: 'sub2',
    }, {
      title: 'sub3',
    }];
    scope.tabs[index].subtabs = subtabs;
    scope.tabs[index].activeSubTab = 0;
}

}]);

JsFiddle

我试图实施，但它正在给出错误

不允许在转发器中重复。使用＆＃39;跟踪＆＃39;表达式以指定唯一键。 Repeater：$ pane中的$ pane，Duplicate key：object：01E

angularstrap标签是否支持这种观点？如果不是我应该如何实现这个？

选项卡内的Angularjs表带

0 个答案: