Wie gehen Sie zur zweiten Registerkarte klicken Sie auf eine Schaltfläche bei der Verwendung von angularjs Registerkarte Richtlinie

Hallo, ich bin mit Winkel-Registerkarte der Richtlinie.Der link für JS fiddle ist
AngularJs Registerkarte Richtlinie .Meine Frage ist, Wie kann ich bewegen auf die zweite Registerkarte von der ersten Registerkarte, klicken Sie auf eine Schaltfläche?Dank

 <tabs>
<pane title="First Tab">
  <button type="button" ng-click="moveToSecondTab()">Second Tab.</button>
</pane>
<pane title="Second Tab">
  <div>This is the content of the second tab.</div>
</pane>
Der angegebene link funktioniert, was ist Ihr problem? Erstellen Sie eine Geige mit deinem genauen problem.
Ja, Aber Wenn ich einen button im ersten tab und ich möchten, navigieren Sie auf die zweite Registerkarte auf die Schaltfläche klicken .Wie kann ich das erreichen?
Hi @Aniket.Hier ist meine Geige für das problem.Ich habe einen controller für den gleichen. Aktualisiert Fiddle

InformationsquelleAutor forgottofly | 2014-12-05

  1. 2

    Statt hardcoding die Bereiche in Ihrer HTML-Datei Abruf aus dem controller.
    So etwas wie 

      $scope.tabs = [
    { title:'Dynamic Title 1', content:'Dynamic content 1' },
    { title:'Dynamic Title 2', content:'Dynamic content 2', disabled: true }
  ];

    Dann von Ihren HTML aufrufen Sie können die Funktion zum Umschalten der aktiven Registerkarte. So etwas wie dieses :

    $scope.moveToSecondTab = function () {
$scope.tabs[1].active = true;
};

    Jedoch, es werde besser sein, wenn statt einer Funktion, schalten Sie den aktiven tab direkt aus der Schaltfläche.

    Verwenden Sie so etwas wie dieses:

    <button ng-click="tabs[1].active = true">Select second tab</button>.

    Überprüfen hier für Referenz.

    Danke @Aniket.Aber ich bin nicht mit angular bootstrap-tabs.Ich verwende Sie als Richtlinien.Kann ich diese Funktionalität innerhalb der Richtlinien?

    InformationsquelleAutor Aniket Sinha

  2. 0

    Auslösen, klicken Sie auf die zweite Registerkarte.
    Dies funktioniert für mich.

      <!--HTML-->
  <tab id="tabID" heading="Second Tab">

  ///JS
  $timeout(function(){
    angular.element('#tabID a').trigger('click');
  });

    InformationsquelleAutor SuperNova

Schreibe einen Kommentar