2016-10-14 19 views
5

ng-switch çalışamıyor, ng-switch-when-separator kullanılmaz. Ben anahtarı açısal kendisi divng-switch-when-separator, 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

bu http://learnkode.com/Tryit/Example/Ng-Switch-1 –

+0

[Onların demo] (https://plnkr.co/edit/jzYWNZiWzyLWkCnStVtW?p=preview) aynı şeyi yapar deneyin .. bir böcek gibi görünüyor. "Plunker'da Düzenle" düğmesine tıklayın. Tuhaf, çünkü belge sayfasında çalışıyor. – Zach

+0

Bir hata raporu hazırladım https://github.com/angular/angular.js/issues/15266 – Sajan

cevap

6

Bu belgeler sayfası olan bir konudur, ancak değil bir hata varsayılan işaretayarlarını seçerken. ne olur: varsayılan olarak

  • dokümanlar güncel usta şube (diğer adıyla anlık)
  • gömülü plnkrs da
  • otomatik ana daldan inşa açısal dosyalarını kullanabilirsiniz için API göstermek plnkrs, ayracı henüz desteklemeyen en son kararlı sürümüne (bu durumda, 1.5.8) geri döner.

Bu özelliği kullanmak için 1.5.10 beklemek zorundasınız.