ng-switch
由于某种原因,即使模型更新,视图也不会切换,我有一个问题。它始终显示默认视图(仅用于测试),一切都应该在完整的 html 中正常工作,如此处测试http://plnkr.co/edit/fKlPKy?p=preview所以我想它来自玉:
.btn-group(data-toggle='buttons-radio', style='float:right; margin-right:20px;')
.btn(ng-model='displayType', btn-radio="'grid'")
i.icon-th
.btn(ng-model='displayType', btn-radio="'list'")
i.icon-align-justify
.switch(ng-switch, on='displayType')
.switch(ng-switch-when='grid')
include gridView
.switch(ng-switch-when='list')
include listView
pre(ng-switch-default) {{displayType}}
我可以在默认视图中看到displayType
根据所选收音机正确更新为“网格”或“列表”
更新了该区域的完整 HTML:
<div ng-controller="cardCtrl" class="container ng-scope">
<div class="card-list-header">
<div class="card-search">
<div align="center" class="input-append">
<input type="text" ng-model="searchterm" placeholder="Type in filter criteria and press Enter..." ui-keypress="{13:'keypressCallback($event)'}" class="input-xxlarge ng-valid ng-dirty"><span ng-click="addCard()" class="add-on">+</span>
</div>
</div>
<div data-toggle="buttons-radio" style="float:right; margin-right:20px;" class="btn-group">
<div ng-model="displayType" btn-radio="'grid'" class="btn ng-pristine ng-valid active"><i class="icon-th"></i></div>
<div ng-model="displayType" btn-radio="'list'" class="btn ng-pristine ng-valid"><i class="icon-align-justify"></i></div>
</div>
</div>
<div ng-switch="ng-switch" on="displayType" class="switch">
<!-- ngSwitchWhen: grid -->
<!-- ngSwitchWhen: list -->
<!-- ngSwitchDefault: ng-switch-default -->
<pre ng-switch-default="ng-switch-default" class="ng-scope ng-binding">grid</pre>
</div>
</div>