2016-04-01 14 views
0

Özyineleme yönergeleri/bileşenli Angularjs 2'de dinamik sekmeler nasıl uygulanır.Özyineleme yönergeleri/bileşenli Angularjs 2'de dinamik sekmeler nasıl uygulanır

<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> 

Seçici aynı bileşende geri çağırıyor, ancak çalışmıyor. bunu yapmaya çalışıyorsun ne angularjs 2.

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

cevap

0

dinamik uygulamak mümkün mü? Özyinelemeli bir direktife ihtiyacınız olduğu belli değil. Eğer sadece denetleyici bazı sekme nesneleri döngü çalışıyor ve onları ve alt sekmeler göstermek ediyorsanız, böyle bir şey orada almalısınız:

<tab ng-repeat="tab in tabs"> 
    <subtab ng-repeat="subtab in tab.subtabs"> 
Aslında
+0

'daki aynı yönerge içinde direktif Teşekkürler, Aslında dinamik bir döngü arıyorum. – user1127804

+0

[{ sekme: ''', alt sekmesi: { sekme: '', tab1: '', } subtab1: ' '} { sekme: '', alt sekmesini: { sekme: ' Tab1:' ''', } subtab1: '', subtab2: { sekme: { alt sekmesini: '', subtab1: '' } tab1: ' '} }] Aslında dinamik döngüsel/özyinelemeli bir direktif arıyorum: yani angularJS 2 – user1127804

+0

içinde aynı direktifin içinde direktif var. Geri gelip biraz kod eklemem gerekecek ama keyfi şekilde iç içe geçmiş bir yapınız varsa yapabileceğiniz şey, direktifinizin bağlantı işlevinde çocukların döngü olup olmadığını kontrol etmektir ve bunları ekleyiniz - bu iyi bir örnek verir: http://sporto.github.io/blog/2013/06/24/nested-recursive-directives-in-angular/ yararlı olmalı – strom2357

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

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

}] 

i dinamik döngü/özyinelemeli direktifini arıyorum yani: angularJS 2