ng-switch-when-separator在angularJS中不起作用



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>

这是文档页面的问题,但不是Angular本身的错误。会发生什么:

    文档默认显示当前分支(也称为快照)的API
  • 嵌入的plnkrs也使用主分支
  • 中构建的angular文件。
  • 自动创建的plnkrs会退回到最新的稳定版本(在这种情况下是1.5.8),它还不支持分隔符。

所以你必须等到1.5.10版本才能使用这个功能。

相关内容

  • 没有找到相关文章

最新更新