wie setzen Sie active auf angularjs-bootstrap-Registerkarte

bin mit Angular Bootstrap UI zu zeigen, ein tabset mit statischen Inhalten (mit AngularUI-bootstrap). Hier ist die plunker link, der verdeutlichen mein Problem http://plnkr.co/edit/n8Xp3GrAqlbNxZ7VrXR6?p=preview

Das Problem ist, wenn ich einstellen will das 1. tab unsichtbar und die 2. tab sichtbar, es zeigt immer noch die 1. Registerkarte Inhalt als aktiv.

Habe ich versucht anzuwenden aktiven css auf der Registerkarte, aber es funktioniert nicht:

<tabset>
    <tab ng-show="$parent.hideme" ng-class="{active:$parent.hideme}">
        <tab-heading>
            tab1
        </tab-heading>
        <div>
            tab content 1
        </div>
    </tab>
    <tab ng-hide="$parent.hideme" ng-class="{active:!$parent.hideme}">
        <tab-heading>
            tab2
        </tab-heading>
        <div>
            tab content 2
        </div>
    </tab>
</tabset>

Irgendeine Idee um das Problem zu lösen?

  • active auf die Registerkarte.....plnkr.co/Bearbeiten/g2980ehsPWTJzWII05rS?p=Album Vorhören
  • charlietfl: Ihre plunker noch zeigen tab2 mit tab inhalt1
  • herausgefunden, wie es zu tun mit disabled und fügen Sie eine Stil-Regel, dass disabled verborgen ist plnkr.co/Bearbeiten/g2980ehsPWTJzWII05rS?p=Album Vorhören
  • die Registerkarte Richtlinie hat 'überschrift,aktiv,deaktiviert,wählen Sie()' Eigenschaften. ng-show und ng-hide sind angularjs Richtlinien,unterstützen Sie nur starndard html-elments.
  • charlietfl: ich hätte gerne die 2. Registerkarte und 2. die Registerkarte Inhalt zeigt, wie aktiv die erste Seite zu laden, ich konnte nicht damit es funktioniert basierend auf Ihrem plunker. Möglich für Sie zu machen eine andere plunker?
  • einfach meine Frage, ich habe ein plunker plnkr.co/Bearbeiten/GJLL1AzncJ1uJTmDMnjZ?p=Album Vorhören Meine Frage ist, wie man tab2 und tab content 2 zeigen als aktive auf der 1. Seite laden?

InformationsquelleAutor user1669811 | 2013-11-11
  1. 2

    Obwohl eine alte Frage. Ich hatte ein ziemlich ähnliches Problem und verwendet ng-init um die active Attribut.

    Mit dem code geliefert:

    <div ng-init="activeTab = true">
<tabset>
    <tab ng-show="$parent.hideme" ng-class="{active:$parent.hideme}">
        <tab-heading>
            tab1
        </tab-heading>
        <div>
            tab content 1
        </div>
    </tab active="activeTab">
    <tab ng-hide="$parent.hideme" ng-class="{active:!$parent.hideme}">
        <tab-heading>
            tab2
        </tab-heading>
        <div>
            tab content 2
        </div>
    </tab>
</tabset>
</div>

    Demo in Plunker

    Natürlich, statt mit ng-init, activeTab konnte initialisiert werden, die in den controller.

    InformationsquelleAutor kubuntu
Schreibe einen Kommentar