2016-10-14 1 views
5

ng-switch funktioniert nicht, wenn ich ng-switch-when-separator verwenden. wenn ich wählen Einstellungen der Schalter divng-Switch-wenn-Separator funktioniert nicht in angularJS

angular.module("myModule", []) 
 
.controller("myController", function ($scope) { 
 
    $scope.items = ['settings', 'home', 'options', 'other']; 
 
    $scope.opt = $scope.items[0]; 
 
    });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="myModule"> 
 
    <div ng-controller="myController"> 
 
     <select ng-model="opt" ng-options="item for item in items"> 
 
     </select> 
 
     <code>selection={{opt}}</code> 
 
     <hr /> 
 
     <div class="animate-switch-container" 
 
      ng-switch on="opt"> 
 
      <div class="animate-switch" ng-switch-when="settings|options" ng-switch-when-separator="|">Settings Div</div> 
 
      <div class="animate-switch" ng-switch-when="home">Home Span</div> 
 
      <div class="animate-switch" ng-switch-default>default</div> 
 
     </div> 
 
    </div> 
 
</body>

+0

Versuchen Sie diese http://learnkode.com/Tryit/Example/Ng-Switch-1 –

+0

[Ihre Demo] (https://plnr.rc/edit/jzYWNZiWzyLWkCnStVtW?p=preview) macht das gleiche .. Sieht wie ein Käfer aus. Klicken Sie auf die Schaltfläche "In Plunker bearbeiten". Es ist komisch, weil es auf der Dokumentationsseite funktioniert. – Zach

+0

Erstellt einen Fehlerbericht https://github.com/angular/angular.js/issues/15266 – Sajan

Antwort

6

Dies ist ein Problem mit der Dokumentation Seite auf die Standard zeigt, aber nicht einen Fehler in Angular selbst. Was geschieht:

  • Die docs standardmäßig für den aktuellen Master Zweig der API zeigen (auch genannt Snapshot)
  • die eingebetteten plnkrs auch die integrierten Winkel Dateien aus dem Master-Zweig verwenden
  • die automatisch erstellte plnkrs greifen auf die letzte stabile Version (in diesem Fall 1.5.8) zurück, die das Trennzeichen noch nicht unterstützt.

Sie müssen also auf 1.5.10 warten, um diese Funktion zu verwenden.