2013-02-15 5 views
11

używam zakładek w kątowym-ui za pomocą tego kontrolera:zaczepy kątowe-ui załadunek szablonu w zakładce zawartości

$scope.panes = [ 
    { title:"Home",  content:"home" , active: true}, 
    { title:"Settings", content:"settings"}, 
    { title:"View",  content:"view"} 
]; 

a to z pliku HTML:

<tabs> 
    <pane 
     active="pane.active" 
     heading="{{pane.title}}" 
     ng-repeat="pane in panes" 
    > 
     {{pane.content}} 
    </pane> 
    </tabs> 

ale chcę ustawić zawartość jako szablon, jak to zrobić, próbowałem ustawić kod ng-include w tym plunker, ale nie działał.
Z góry dziękuję.

zmiana:

jeśli okaże się to rozwiązanie i nie używając you'r kątową-bootstrap v0.12 trzeba zaktualizować kod do the new syntax of v0.13 tak:

<tabset> 
    <tab 
     active="pane.active" 
     heading="{{pane.title}}" 
     ng-repeat="pane in panes" 
    > 
     <div ng-include="pane.content"></div> 
    </tab> 
    </tabset> 

już zaktualizowany plunker mieć składnię kąta-bootstrap v0.13.

Odpowiedz

25

Wystarczy dodać ng obejmują jako dziecko okienka

<tabs> 
    <pane active="pane.active" 
      heading="{{pane.title}}" 
      ng-repeat="pane in panes"> 
     <div ng-include="pane.content"></div> 
    </pane> 
</tabs> 

Powodem tego działa jest to, że zmienna szyba zakres nie jest jeszcze dostępna podczas korzystania z ng obejmują w ten sam element, co , który tworzy zmienną okienka.

To dlatego, że wartość priorytetem ng obejmują jest 0 (domyślnie), podczas gdy priorytetem NG-repeat jest 1000, a więc kolejność wykonywania jest:

  1. ng-m.in.
  2. ng-powtórzyć

Zobacz directive docs

+0

Dzięki które pracowały, ale można wyjaśnić, dlaczego to działa w ten sposób nie jak Napisałem go po raz pierwszy lub po prostu wskazałem, gdzie mogę go znaleźć. –

+1

Zobacz moją zaktualizowaną odpowiedź –

+0

To wystarczy, dzięki. –

Powiązane problemy