使用ng-click与ng-repeat创建过滤菜单

Question

我正在尝试使用ng-repeat来创建我的过滤菜单，我的时间表中的所有模式。

<a ng-click="filterModality = {entry_team.name: '{{modality}}'}" ng-repeat="modality in modalities">{{modality}}</a>
<!-- 
Output 
<a ng-click="filterModality = {entry_team.name: 'Atletismo'}" ng-repeat="modality in modalities">Atletismo</a>
-->

<a ng-click="filterModality = {entry_team.name: 'Atletismo'}">Atletismo</a>

NG重复不起作用，但是手动工作正常的输出也是如此。我正在使用angularjs 1.2.9（不幸的是）。

Answer 1

看起来您正在将插值与双向绑定混合在一起。另外，您正在在NG重复范围中设置对象引用，该范围可能正在创建该范围中的新对象引用，然后在父范围内掩盖了同名的引用。

尝试使用filterModality = {}在父范围中定义对象，然后只需更改ng-click中的属性值而不是更改对象引用。

<a ng-click="filterModality['entry_team.name'] = modality" ng-repeat="modality in modalities">{{modality}}</a>