5

ng-switch使用すると動作しませんng-switch-when-separator。設定を選択すると、スイッチはデフォルトの div を指しています

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>

4

1 に答える 1

7

これはドキュメント ページの問題ですが、Angular 自体のバグではありません。何が起こるのですか：

  • デフォルトでは、ドキュメントは現在のマスターブランチ (スナップショットとも呼ばれる)の API を表示します。
  • 埋め込まれた plnkrs は、マスター ブランチから構築された角度ファイルも使用します。
  • 自動的に作成された plnkrs は、セパレーターをまだサポートしていない最新の安定バージョン (この場合は 1.5.8) にフォールバックします。

したがって、その機能を使用するには 1.5.10 を待つ必要があります。

于 2016-10-14T13:39:34.960 に答える