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版本才能使用这个功能。