来自 ng-repeat 的新动态变量在 ng-switch 之外不可见

Question

我的代码中有一个标签显示过滤项目的数量，如下所示

<div ng-controller="MyCtrl">
Filter: <input ng-model='filterExpr'><button ng-click='items.push("car")'>Add sth to the list</button>
        <button ng-click='items.splice(items.length-1,1)'>minus sth from the list</button>
<hr>
<ul>
    <li ng-repeat='item in filtered = (items | filter:filterExpr)'>{{item}}</li>
</ul>
<hr>    
Filtered list has {{filtered.length}} items

喜欢这里的示例JSFiddle

但是在我将 ng-repeat 部分放到 ng-switch 视图之一之后，它看起来像是动态变量 filtered在 ng-switch 之外不再可见 from ng-repeat。

 <div ng-switch on="viewType.value">
  <div ng-switch-default>
    <ul>
        <li ng-repeat='item in filtered = (items | filter:filterExpr)'>{{item}}</li>
    </ul>
  </div>
 </div>  

喜欢这里JSFiddle

Answer 1

我认为这是因为ng-switch 创建了自己的范围。您可以通过在开关内使用$parent 来绕过它。

<ul>
    <li ng-repeat='item in $parent.filtered = (items | filter:filterExpr)'>{{item}}</li>
</ul>