Question

如何使用递归指令/组件在Angularjs 2中实现动态选项卡。

<tabs>
      <tab tabTitle="Tab 1">
        Here's some content.
          <subtab> Sample sub</subtab>
          <subtab> Sample sub</subtab>
      </tab>
      <tab tabTitle="Tab 2">
        And here's more in another tab.
          <subtab> Sample sub
              <subsubtab> Sample sub sub</subsubtab>
          </subtab>
      </tab>
    </tabs>

在同一组件中调用选择器，但它不起作用。是否可以在angularJS 2中动态实现。

@Component({
    selector:'tabs'
})
@View({
    templateUrl: `
     <li> tabs 
         <tabs></tabs> 
    </li>
`
})

Answer 1

你想做什么？目前尚不清楚您是否需要递归指令。如果您只是尝试遍历控制器中的某些标签对象并显示它们及其子标签，那么这样的事情应该可以帮助您：

<tab ng-repeat="tab in tabs">
    <subtab ng-repeat="subtab in tab.subtabs">

Answer 2

[{
  tab: '',
  subtab: {
         tab:'',
         tab1:'',
      },
  subtab1:''

},
{
  tab: '',
  subtab: {
         tab:'',
         tab1:'',
      },
  subtab1:'',
  subtab2: {
         tab:{
           subtab:'',
           subtab1:''
         }
         tab1:''
      },

}]

实际上，我正在寻找动态循环/递归指令，即：angularJS 2中同一指令内的指令

如何使用递归指令/组件在Angularjs 2中实现动态选项卡

2 个答案: