Angularjs 2で動的なタブを実装する方法再帰指令/コンポーネントで

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:'' 
     }, 

}] 

iは、動的ループ/再帰的ディレクティブを探していますie：angularJSの同じディレクティブ内のディレクティブ2